Caret

Your design shouldn't live outside your codebase. Caret gives your repo a design layer: real React in .caret/, rendered live on a canvas you can click and edit. Your app's source stays untouched until you sync.

Your design is the code. Not a picture of it, not a file that drifts. It lives in your repo, in git, reviewable in a pull request. So a fix you make once is still there tomorrow, instead of being regenerated away the next time you ask for something.

Sync is a thing you choose. When a design is ready, Caret works out what changed since the last sync and your agent makes the app match, in whatever framework you ship.

Use Caret with your own agent and harness. Designing happens in Caret, signed in with the AI coding plan you already pay for. Pushing those designs into your app can happen here too, or you can hand the sync to the agent in your terminal over MCP.

Free and open source, runs on your machine, no account.