Releases · Manavarya09/moldui

The visual editor for real codebases. Drag, resize, edit text in your browser. Claude writes the code.

Install

Run instantly (no install):

npx moldui

Install globally:

npm i -g moldui
moldui

As a Claude Code plugin (recommended — enables auto-apply):

claude plugin install Manavarya09/moldui

Then inside your project, start your dev server and run npx moldui (or moldui if installed globally).

Real AI sync — Save in the browser runs Claude Code headlessly and streams progress back to the overlay
Alt+drag to swap two elements in source
Full style panel with one-click spacing presets (4/8/16/24px)
Element lock (right-click -> Lock) so you can click through trusted elements
Auto-generated git commit message after each apply
Press W to reopen the welcome card
Cmd+K fuzzy-search any element on the page
L opens the Figma-style Layers panel
Shadow DOM isolation, vanilla JS, no framework dependencies
Works with Next.js, Vite, Vue, Svelte, Django, Rails, Laravel, Flask, plain HTML