Lovable is your superhuman full-stack engineer. Describe what you want — a landing page, an internal tool, a SaaS — and it ships a working app you can edit, deploy, and share in minutes.
Lovable plans before it writes, picks its own stack, edits in real-time, and shows you exactly what changed. You stay in the loop — and in control.
Before writing a single line, Lovable drafts an explicit plan — files, components, data shape. You approve, then it ships.
No black box. The output is a real Next.js + Tailwind repo on GitHub. Fork it, clone it, host it anywhere.
Invite your designer, your PM, your client. Comment, prompt, and ship in the same workspace — no version dance.
Supabase, Stripe, Resend, OpenAI, your own API. Lovable wires it up, writes the env vars, and runs the migration.
Custom domain, SSL, edge CDN, preview links — all from the chat. Updates ship instantly with a single sentence.
Every project exports as a clean repo with a full commit history. No lock-in, no proprietary runtime. Your code, your control.
Every project on Lovable starts editable. Fork a template, change one line, and you've made it yours.
Start for free. No credit card, no credit-card-shaped speed bumps. Bring your idea — leave with a deployed app.
Lovable's system is shallow on chrome and deep on warmth. A single charcoal hue at varied opacities replaces an entire gray scale. A parchment cream replaces every white. The inset button shadow is the only place we let depth raise its voice.
| Role | Sample | Token | Spec |
|---|---|---|---|
| Display Hero | Lovable | --t-hero | 60 / 600 / 1.10 LH / -1.5 LS |
| Section | Built with you | --t-section | 48 / 600 / 1.00 LH / -1.2 LS |
| Sub-heading | Remix it | --t-sub | 36 / 600 / 1.10 LH / -0.9 LS |
| Card title | Plan mode | --t-card | 20 / 400 / 1.25 LH |
| Body | Lovable plans before it writes, then ships. | --t-body | 16 / 400 / 1.50 LH |
| Button | --t-btn | 14 / 500 / 1.50 LH | |
| Caption | Trusted by 2.4M builders | --t-caption | 13 / 400 / 1.50 LH |