For apps built with Cursor, Lovable, v0 and Bolt
Make AI-built UI look designed.
Upload the frontend files your AI tool wrote. Unvibe strips the tells (gradients, glows, emoji, bubble corners) and Claude rebuilds the hierarchy so it looks like a designer touched it.
First full run free. No card needed.
before.tsx
Supercharge your workflow ⚡
AI-powered magic for teams who move fast.
Get started 🔥after.tsx
Ship reviews in half the time
Comments, approvals and handoff in one place.
Get startedSix tells, fixed in seconds
These are the patterns that make people say “this was vibe coded” before they read a word.
Gradients and glows
Purple-to-pink backgrounds, colored shadows and neon text become one solid, calm color.
bg-gradient-to-r from-purple-500bg-purple-500
Emoji as icons
Rockets and sparkles in buttons are removed; emoji used as icons become real SVG icons.
Get started 🚀Get started
Bubble corners
Every card, button and input gets the same small radius. Circles stay for avatars and dots.
rounded-3xlrounded-md
Padding everywhere
Spacing snaps to one scale: tight inside groups, more room between sections.
p-12 gap-10p-8 gap-7
Shouting type
Black weights, all-caps buttons and 8xl headlines become a clear, readable hierarchy.
text-7xl font-blacktext-5xl tracking-tight
Glass and heavy shadows
Backdrop blur and shadow-2xl give way to hairline borders and soft depth.
backdrop-blur-xl shadow-2xlshadow-sm
How it works
Step 1
Drop in your files
Components, pages or stylesheets. Add a style direction like "warm off-white, one teal accent" if you have one.
Step 2
Rules first, then Claude
Fixed rules remove the obvious tells instantly. Claude then reworks color, type, layout and icons, keeping every prop and handler intact.
Step 3
Review and download
Compare before and after side by side, read the diff, and download the cleaned files as a zip.
Dashboard.tsx
60 rule fixes · refined by ClaudeDesign notes
- The same four KPIs show up twice: under the hero and again at the bottom. Cut the second row.
- The hero photo carries no data. A small weekly trend would earn that space.
- Three tabs that switch nothing could be a single segmented control.
Simple pricing
Start with a free run. Upgrade when Unvibe earns a place in your workflow.
Free
See what Unvibe does to your own code.
$0
No card needed
- 2 credits, enough for 1 full run
- Before and after preview
- Design notes
- Download as zip
Pro
For shipping side projects that look intentional.
$19/ month
Runs on Claude Sonnet
- 50 credits a month
- Up to 25 full runs or 50 quick cleans
- Style direction and copy rewrite
- Design notes on every file
- Run history
Studio
Best resultsThe strongest model, for client work and launches.
$29/ month
Runs on Claude Opus
- 50 credits a month
- Everything in Pro
- Claude Opus, Anthropic's strongest model
- Sharper layouts and copy
Questions
What files can I upload?
HTML, CSS, JSX, TSX and JS files, up to 10 at a time and 200 KB each. Tailwind classes and plain CSS are both supported.
Will it break my code?
No behaviour changes: imports, props, handlers and data stay the same. Every result is re-parsed before you get it, and anything that doesn't parse falls back to the safe rules-only version.
What's the difference between a quick clean and a full run?
A quick clean applies the fixed rules (gradients, corners, spacing, emoji) instantly and uses 1 credit. A full run adds Claude, which reworks hierarchy, color, layout and icons, follows your style direction and writes design notes. It uses 2 credits.
Do you keep my code?
Your runs are saved to your history so you can download them again. Code is sent to Anthropic's API to be processed and isn't used to train models. Deleting your account deletes everything.
Can I cancel any time?
Yes. Cancel from your account page and you keep your plan until the end of the billing period.
Try it on one of your files
Your first full run is free and takes about a minute.