Popmelt
Annotate and tweak UI, then hand off to your AI right from the browser.
Works withClaude Code,Codex,React,Vite,andAstro
Tools
Comment: thread feedback on individual elements
Handle: tune layout, color, and typography by hand
Shape: sketch UI with rectangles, ovals, and lines
Text: block out copy on the page
Model: review patterns and principles, captured while you work
Ask your AI to add it to your project:
3,069 downloads (144 today)
Frequently Asked Questions
Comment and draw on your running app, hit Cmd+Enter, and your AI builds it. It learns your project and aesthetic taste as it works.
Ask your AI to add @popmelt.com/core to your repo and get it set up. Then double-tap Cmd or click the + icon in the bottom right to open Popmelt.
Popmelt runs locally. Annotations, screenshots, and code context are bundled and sent to local CLIs like Claude Code or Codex via your dev server.
Popmelt is free to use locally. Paid plans are available if you want to use, create, and share design systems or components on the Popmelt registry.
The overlay runs entirely in your codespace, and only in dev mode. We never see your data. Popmelt MCP accounts support 2FA, and you can revoke access for connected apps anytime.
We use Popmelt for professional design engineering work on a daily basis. That said, AI is non-deterministic so you should always use version control and checkpoints.
Send our dev a note and she'll be in touch.