Point, click, and let AI write the code

Point & Click. Click any element to tell AI what to change. No screenshots needed.

Area Select. Drag a box around any area to give AI the visual context it needs.

Multi-Edit. Select multiple elements, queue up changes, send them all at once.

Reference Images. Drop in one or more screenshots and AI matches them. Images dragged into the terminal attach as real images, not file paths.

Design Tokens. Type > to search your Tailwind tokens with color swatches, or @ to mention project files. Stay on-brand without copy-pasting values.

Built-in Code Editor. Click an element and its source file opens right beside the page. Syntax highlighting, a file tree, CMD+P to jump to any file, and CMD+S to save — no external editor needed.

Smart Source Matching. Component names, data attributes, headings, text, and the URL are cross-checked to find the right file — with a picker for the close calls.

Integrated Terminal. Browser and terminal in one window, with tabs for every project. No more tab-switching.

Starter Projects. Start from a polished boilerplate with a built-in hot-reloading server. No framework, no dev server, no setup.

CSS Inspector. Hold ALT to inspect classes, computed styles, and colors. Click to copy values, toggle hex/rgb/hsl.

Chrome Web Inspector. Full Chrome DevTools docked inside the app. Inspect the DOM, debug JavaScript, and check the network tab without leaving the window.

Grids & Guides. Cycle spatial and baseline grids with SHIFT+G, hold G for crosshair guides, and press F to freeze animations mid-motion.

Responsive Testing. Switch between desktop, tablet, and mobile viewports instantly.

Open Source. Free and open source. Browse the code, contribute, or fork it on GitHub.