What is Caja?

Caja is a native desktop layout editor where what you design is what you ship. Let AI build for you, adjust on canvas, or both — no translation layer, direct handoff.

Free and open source. Built with Tauri, React, and Tailwind CSS v4.

Design Is Code

What you design is what you ship. No translation layer, no compiled output — pure HTML + Tailwind CSS. Every property on the canvas maps to a real Tailwind class, and every class maps back to the canvas.

AI-Native

Built for AI agents from day one. Claude, Cursor, or any MCP client builds layouts directly on canvas. Ask an agent to build a hero section and watch it appear in real time.

Bidirectional

Design visually, get real Tailwind tokens. Paste classes back, keep designing. Code and canvas stay in sync.

Components

Save any frame as a reusable component with named slots. Export libraries as .cjl files to share across projects.

Built With

• Tauri v2 — Native macOS app, fast and offline
• React 19 — UI framework
• Tailwind CSS v4 — Utility-first CSS
• MCP — AI agent integration