Describe it. We'll build it.
Type any UI in plain English — a hero, a chat thread, a pricing card — and watch the preview update live. Copy the code when you love it.
Try:
Live preview
heroUpdates as you change the prompt above.
Idle
v0.1 · Live
Ship faster
A premium UI kit for Next.js + AI.
Generated code
Your code will appear here.
Click any example or type your own prompt above.
Results stream in real time — no waiting for the model to finish.
How it works
- The generator matches your prompt against 8 built-in templates (button, card, hero, chat, pricing, marquee, feature, gradient).
- If no template matches, it calls
ANTHROPIC_API_KEY(Claude 3.5 Haiku, default) orOPENAI_API_KEYwith a system prompt that lists every aidimension UI export. - Without a key, the generator still returns a graceful template fallback so the UI never breaks.
Add ANTHROPIC_API_KEY in your Vercel project settings to enable real generation.
Other ways to build