Visual UI generators 3 min
Sentence in, screen out
Describe a UI in plain English, see it rendered.
UI generators turn a sentence into a working piece of interface — real HTML/React, not a mockup. Type a prompt, see it render, tweak, iterate, copy the code.
| Product | Output | From |
|---|---|---|
| v0.dev | React / Next.js components | Vercel |
| Lovable | Full-stack apps (React + DB) | Lovable |
| Bolt.new | Full-stack apps, in-browser dev | StackBlitz |
| Claude Design | HTML / React components | Anthropic |
| Galileo | UI mockups + design systems | Galileo AI |
The imitation below shows the shared pattern: prompt → canvas preview → variants. Try the chips and the Warm / Dark / Brutalist buttons.
Press Generate to render the prompt on the left.
The prompt template that works
A [type of screen] for [audience]. [Two or three style words]. Include [content].
Style words that pull the result
- Tone: playful · serious · premium · retro · brutalist · soft · technical · friendly
- Density: generous whitespace · compact · dashboard-dense
- Reference: "like Linear" · "like a Japanese menu" · "like an old paperback"