About
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. What makes it different from other visual editors: it doesn't export, fork, or own a runtime. Your source code is always the source of truth. Stop using it tomorrow and nothing breaks — no lock-in. Key features: - Symmetric code ↔ canvas editing on the AST (clean one-line diffs) - Layer drill-down at any depth (.map, ternary, children) with mock data - Dependency graph built from static AST — renders even when the app crashes - Inject a mock for a broken dependency to restore a render without rebuild - Works on your Git repo (GitHub/GitLab/Bitbucket) or a local folder - Guest mode: try it instantly with no account
Screenshots
Maker
