Popmelt
⌘ ⌘A design collab harness for humans and AI.Multi-thread chat bound to a living memory of your aesthetic imprint .
Works best withCodexClaude CodeandNext.js
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
Evals: verify UI against your decision history
Imprint: review projected patterns and tokens, captured while you work
Ask your AI to add it to your project:
7,903 installs (+139 today)
Frequently Asked Questions
A development-only toolbar for React apps: pin comments to elements, preview CSS and text changes, draw over the page, then send screenshots, DOM context, and project history to your local Codex, Claude Code, or GitHub Copilot CLI.
Double-tap Cmd on macOS or Ctrl on Windows and Linux to open the toolbar. Comment on an element, adjust it directly with the Handle tool, or draw over the page to show what you want. Press Cmd/Ctrl+Enter to hand the work to your AI, then continue the conversation in the thread beside the page.
Popmelt connects the toolbar in your browser to a bridge running in your local development environment. When you hand off work, it gives your selected, locally authenticated AI CLI the annotations, screenshots, element context, and relevant project history it needs to make the change.
Yes. Your selected AI CLI or model provider may have its own plan or usage costs.
Popmelt is local-first and runs only in development. Your project data, annotations, conversations, decisions, model, and evals stay in your development environment; when you hand off work, the data is handled by the AI CLI and provider you selected.
Popmelt is used by professional design engineers every day. As with any AI-assisted work, review the diff, use version control, and run your project tests before you ship.
Send our dev a note and she'll be in touch.