Skip to the studio

Snap to Code

Paste a screenshot.
Get React components.

Tailwind and shadcn/ui, split into files, with a live side-by-side check against your original. Bring your own model: your key and images never leave the browser.

Model settings

Works with Gemini, OpenAI, Anthropic and OpenRouter keys. Stored only in this browser and sent straight to the provider. Get a key at aistudio.google.com.

Advanced settings

Pick a suggestion or type a model name. It must be able to read images.

Your key and images never leave the browser except to reach the model you chose. There is no backend.