CrossUI Studio

What it does

CrossUI Studio is a visual IDE for React and MUI (and shadcn/ui). Code and canvas stay in two-way sync on the same AST: edit code and the canvas updates live; click an element on the canvas, change a prop, and you get a one-line diff in the actual file-not a 200-line rewrite. The idea is simple: AI writes the logic, Studio tunes the UI. AI is great at architecture, data flow, and refactors, but bad at pixel-level UI tuning. Studio is the visual half-surgical, reviewable edits on your real code.

Edit React + MUI visually with AST-precision two-way sync. Drill into map, ternary, and children. Keep your formatting, comments, and intent. Open standard React. No vendor lock-in.

CrossUI Studio is the round-trip visual editor for React & MUI apps you already have . Every change is one atomic AST patch — drill into a .map , a ternary, a slot, and touch a prop. Only that prop moves. git diff reads like you wrote it by hand — comments, formatting, and intent preserved. No fork. No lock-in. Every other visual tool gives you one of these and calls it a day. CrossUI Studio is the platform when you need all six at once. Code ⇌ canvas, live and AST-precise. Design is code. Code is design. Both kept friendly to humans and AI. Penetrate .map iterations, ternary branches, and slot children to design individual nodes in isolation. Mock data auto-injected. Skip npm install…from studio.crossui.com

• AV
  A Visual IDE for React2022 · dev.aspect.app · ▲479

  I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

• 
  21st.dev2025 · 21st.dev · ▲1,211

  I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!

• 
  OpenUI2024 · github.com · ▲543

  Describe UI and see it rendered live

• 
  Layouts.dev2024 · layouts.dev · ▲699

  A notebook for building interfaces with Tailwind & shadcn/UI

• 
  Page UI2024 · pageui.shipixen.com · ▲810

  High-converting landing page components to copy and paste

• 
  Tempo Labs2024 · tempo.new · ▲770

  Quickly add payment, messaging, AI agents + more to your app

• 
  /dev/null▲487

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Fundraisly▲1,537

  AI fundraising agent that finds investors and books meetings

  AI · Jun 2026 · fundraisly.com

• 
  Homebrew 6.0.0▲1,481

  Today, I’m proud to announce Homebrew 6.0.0. The most significant changes since 5.1.0 are a new tap trust security mechanism, the new faster, smaller, default internal Homebrew JSON API, sandboxing on Linux, better defaults informed by our user survey, many brew bundle improvements, improved performance and initial support for macOS 27 (Golden Gate). Happy to discuss any questions here!

  Dev tools · Jun 2026 · brew.sh

• 
  Performative-UI – A react component library of design tropes▲1,181

  Hi HN! I was super frustrated at apps like tiktok and wechat preventing me from saving or downloading the animated gifs, so I made a little tool to turn a screen recording into a slack-sized emoji. Hope you get some value from this!

  Life & fun · Jun 2026 · vorpus.github.io

• 
  Upstream▲976

  The inbox designed for humans and agents

  AI · Jun 2026 · upstream.do

• 
  Goldfish▲958

  Press Option. It knows your work and replies like you

  AI · Jun 2026 · goldfish.sh

• 
  I made Google Trends for Hacker News by indexing 18 years of comments▲822

  Search 18 years of Hacker News and chart how any topic, tool, or person trended. Overlay terms to compare their rise and fall across 45M posts and comments.

  Life & fun · Jun 2026 · hackernewstrends.com