CrossUI

CrossUI is a free Cross-Browser Javascript framework with cutting-edge functionality for SPA(Single Page Application) web application.

Compatible with older browsers, even IE6

🚀 NEW · CrossUI Studio — a visual editor for your real React code

CrossUI Studio is a visual editor for React + MUI that edits your actual source — not a copy, not a proprietary document. Every visual change is a single atomic write to one node in your React AST, so changing one prop produces a one-line git diff. Your hooks, custom logic, comments, and formatting come out byte-identical.

▶️ Watch the 90-second walkthrough

Why it's different

• Clean diffs. Touch a variant on the canvas → exactly one line changes in your file. The lines above and below stay byte-for-byte identical — diffs your team can actually review.
• No lock-in. No proprietary runtime, no codegen, no SDK. Your React is the source of truth; the canvas is just a view over the AST. Delete Studio tomorrow and your repo still builds with npm install && npm run build.
• Works on your real Git. GitHub · GitLab · Bitbucket · Azure · Gitea · Forgejo (self-hosted included). React 18 / 19 / Canary · MUI v7 · shadcn.
• Deep-layer editing. Drill past the outermost render — into a .map() iteration, a ternary branch, or a node passed as children — and design it in isolation. Studio synthesizes type-correct mock data so the node renders even without its parent's runtime context, then writes edits back to the original AST position.
• 🆕 Import Graph (v0.9.5). Set any file as the entry and draw its full dependency map. Circular dependencies show in red, and because it's built from static AST analysis the graph renders even when the component itself crashes — so it doubles as a debugging tool exactly when you're stuck.

Free to use the full editor on an in-browser virtual repo · real Git mounts are Pro.

👉 Try it now: https://studio.crossui.com

---

Features & Resources

1. Rich client-side API, works with any backend or static HTML pages.
2. Web services (JSON/XML/SOAP) can be directly bound.
3. More than 100 components, including Tabs, Dialog, TreeGrid, SVG Shapes, Chart and many other web GUI components.
4. Support reusable modules.
5. Wide cross-browser compatibility, IE6+, firefox3+, opera9+, safari3+ and Google Chrome.
6. Full API Documentation with tons of samples.
7. Ever Increasing Code Snippets.
8. PHP/C #/JAVA Back-end service codes are available.
9. CrossUI Framework is Open Source under LGPL3 license.

Related tools

These tools (without coding) can reduce development time significantly:

• CrossUI React builder: https://crossui.com/ReactBuilder
  

Create configurable React App

• CrossUI Front-end builder for Github: https://crossui.com/RADGithub
  

Create fully interactive web app without writing one line of code, integrated with Github repository

• CrossUI Single Page Builder: https://crossui.com/RAD/Builder.html

• CrossUI Embeddable Desginer: https://crossui.com/Designer/

• CrossUI Theme Roller: https://crossui.com/ThemeRoller

• CrossUI Form Builder https://crossui.com/FormBuilder

• CrossUI JSON Editor: https://crossui.com/JSONEditor

• GitHub JSON Editor : https://linb.github.io/GitHub_JSON_Editor A tool to edit any JSON file in Github Repo

• GitHub Code Editor : https://linb.github.io/GitHub_Code_Editor A tool to edit any code file in Github Repo

CDN

• https://cdn.jsdelivr.net/gh/linb/CrossUI@latest/runtime/xui/js/xui-all.js
• https://crossui.com/libs/3.0/js/xui-all.js

Others

• Examples: https://www.crossui.com/examples.html
• Tutorials: https://www.crossui.com/tutorials.html
• Desktop versions: https://www.crossui.com/download.html