https://github.com/getcaja/caja
AI-native visual layout editor for Tailwind CSS. What you design is what you ship.
https://github.com/getcaja/caja
design-tool mcp open-source react tailwind-css tauri ui-builder
Last synced: 4 months ago
JSON representation
AI-native visual layout editor for Tailwind CSS. What you design is what you ship.
- Host: GitHub
- URL: https://github.com/getcaja/caja
- Owner: getcaja
- License: mit
- Created: 2026-02-19T22:46:57.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-03-03T09:26:18.000Z (4 months ago)
- Last Synced: 2026-03-03T12:46:59.804Z (4 months ago)
- Topics: design-tool, mcp, open-source, react, tailwind-css, tauri, ui-builder
- Language: TypeScript
- Homepage: https://getcaja.app
- Size: 8.15 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
Caja
Design Is Code
What you design is what you ship.
Website ·
Docs ·
Download ·
Issues
---
## What is Caja?
A visual editor where what you design is what you ship. Build layouts on canvas, let AI build for you, or both — no translation layer, the tech you already use.
- **WYDIWYG** — What You Design Is What You Get. No translation layer, no compiled output — pure HTML + CSS
- **AI-native** — Built for AI agents from day one. Claude, Cursor, or any MCP client builds layouts directly on canvas
- **Bidirectional Tailwind** — Design visually, get real tokens. `gap-4` not `gap-[16px]`. Paste classes back, keep designing
- **Components** — Save any frame as a reusable component with named slots. Export `.cjl` libraries to share across projects
- **Native macOS app** — Fast, offline, local file storage. Built with Tauri
- **Multi-page** — Create full sites with multiple pages and routing
## Getting Started
### Download
Grab the latest release from the [Releases page](https://github.com/getcaja/caja/releases). Free and open source.
### Build from Source
```bash
git clone https://github.com/getcaja/caja.git
cd caja
npm install
npm run tauri:dev
```
**Requirements:** Node.js 18+, Rust 1.70+
### AI Integration
Caja includes a built-in MCP server with 33+ tools. Click the plug icon in the title bar or run:
```
Ask Claude: "Design a landing page in Caja"
```
Create frames, style with Tailwind, manage pages, export patterns, and more — all from your AI agent of choice.
## Tech Stack
- **Frontend:** React 19, TypeScript, Tailwind CSS v4
- **Desktop:** Tauri v2 (Rust)
- **UI:** Radix primitives, Lucide icons
- **AI:** Model Context Protocol (MCP)
## License
[MIT](LICENSE)