Design and code,
one and the same.

Caret turns your editor into a design surface. Shape real React on a live canvas, edit it visually, then ship it. No separate design tool to keep in sync.

Download for macOS Use it in your editor

Free and open source. Available for macOS, Windows, and Linux.

caret — editing with AI

Editing a UI with AI on Caret's live canvas

Why Caret

The handoff was always the problem.

You design a screen in one tool, then rebuild it by hand in code, and the two versions drift apart the moment they exist. Caret closes that gap.

Your design is real React from the first stroke, living in your repo and ready to ship. With AI doing the heavy lifting, the design and the code become a single artifact. Nothing to hand off, nothing to keep in sync.

Live canvas

Your whole product, on one canvas.

Every page renders on a zoomable, pannable canvas. The page you're working on runs as live, interactive React; the rest stay fast as thumbnails. Switch viewport presets to check how it holds up across screens.

responsive canvas

Checking responsive layouts across viewport presets

Visual editing

Edit the real UI, not a mockup.

Click an element to change its text, color, or image, written straight back to the source line and hot-reloaded instantly. For structural changes, hand it to AI and Caret makes the precise edit.

Edit-with-AI and every source change run on Cline, the open-source coding agent Caret is built on.

inline editing

Editing text, color and images inline on the rendered UI

Flows

Map the journey, then walk it.

Connect pages into flow graphs and overlay them on the canvas. Drag an edge to restructure a journey, then enter simulation mode and click through your app in a device frame, jumping between page states like a real user.

flows

A design system, captured

A guided wizard turns color, type, spacing, and radius into tokens that keep every page consistent.

Design into your app

When it's ready, Caret writes a reviewable plan and syncs the design into the app you ship. One-way and reversible.

A full coding agent

Built on Cline: bring any model, run commands, edit files with reviewable diffs, and stay in control of every step.

Get the Caret IDE.

A ready-to-go editor with Caret built in, based on VS Code (OSS). Pick your platform.

Also: .deb · .rpm · .tar.gz · Windows system installer

The builds aren't code-signed yet. One command opens them.

Signing certificates are pricey and come once Caret has traction. The apps are safe; your OS just shows a one-time warning.

macOSxattr -dr com.apple.quarantine /Applications/Caret.app

WindowsUnblock-File "$HOME\Downloads\Caret-Windows-UserSetup-x64.exe"

Already in an editor you like? Add Caret from Open VSX (VSCodium, Cursor, Windsurf), or the VS Code Marketplace (coming soon).

Design and code,one and the same.