Lovable vs v0: two units of work, one gap

Lovable builds the whole app on its own stack, v0 builds into your repo, and both meter usage. Where they differ, and the decision neither one makes.

Two frosted glass panels facing off across a gap, one lit rose and one lit deep teal, their light meeting in the space between
One builds the whole application, one builds into your repository. Same blank.

Lovable builds applications on its own stack. v0 builds into your repository. Everything else that separates them follows from that one line, including the pricing, the workflow and the kind of person each one suits.

v0 is made by Vercel. At the time of writing, its free plan is $0 a month with a 7 message per day limit and $5 of one-time credits for new accounts, and it includes visual Design Mode, GitHub sync and deploys to Vercel. Plus is $30 and Business $100 per user per month, each with $30 of included credits and $2 of free daily credits on login. Usage runs against published per model token rates: output on v0 Mini is $1.20 per million tokens, output on v0 Max Fast is $50.

Lovable calls itself an AI software engineer. Free grants 5 build credits a day, capped at 30 a month. Paid plans, from $25 a month for 100 credits on Pro, add a balance shared across a workspace, and its pricing page prices real prompts: a full landing page with images at 1.70 credits, a button restyle at 0.50.

The call up front: pick on unit of work and meter. On the thing that decides how the result looks, they are the same product, and that is Thanor. Three app and product fronts, each built from a full art direction written as values:

Two different units of work#

The word app is doing a lot of hidden labor in both marketing pages, and unpicking it settles most of the comparison.

Lovable treats the application as the deliverable. Auth, data, a deploy, a thing that is alive and has users. Ask it for a landing page and it will make one, but the product is shaped around the case where the landing page is the front door of something larger.

v0 treats your repository as the deliverable. It writes React, it is fluent in the component conventions of the ecosystem it lives in, and since its February 2026 rebuild it can import any GitHub repo into a sandbox, open a branch per chat and raise a pull request against main. The Vercel deploy path is there, and it is a path rather than the point.

That difference shows up on day two, not day one:

  • A marketing site with a form. Both are fine. Pick on price.
  • A product with accounts and a database. Lovable carries more of it.
  • A design refresh of an app you already run. v0 fits your repository.
  • Forty small experiments. The meters diverge here more than the features.

Neither is a subset of the other. They overlap in the middle, which is the landing page everybody tests them on, and that overlap is exactly where the comparison teaches you the least. Both produce a credible one in a single message, which tells you nothing except that the demo works.

The instructive test is the fifth revision. That is where the unit of work asserts itself: Lovable is still thinking about the application around the page, and v0 is still thinking about the component tree inside it.

Lovable against v0, attribute by attribute#

Attributes on the left, because the rows are the decision.

AttributeLovablev0
CompanyLovableVercel
Deliverablea running application, hosted by Lovablean app or interface in your repository
Free tier5 build credits a day, 30 a month7 messages a day, $5 one-time credits for new accounts
Metercredits, daily grants plus balancecredits against per model token rates
Named paid tierPro from $25, Business from $50 a monthPlus $30, Business $100, per user a month
Modelschosen by Lovable, no pickerv0 Mini to v0 Max Fast, priced per model
Visual editingselect an element and describe the changeDesign Mode, a visual style panel
Consistency featuredesign questions, design systems on paid plansDesign Systems 2.0, saved as a skill
Type scale, motion, section orderyours to supplyyours to supply

The final row is the only one where both columns agree, and it is the row nobody reads before buying.

Everything above it is a genuine choice with a real consequence. Hosted application against code in your repository. Describing a change against setting it in a panel. Credits granted daily against credits spent at rates that swing by a factor of forty depending on which model you pick.

Settle those with two free accounts and one weekend. Run the same brief through both so the tool is the only variable, and then read both invoices rather than both pricing pages. A pricing page describes the first build. An invoice describes the revisions, which is where the money actually goes.

What each does about consistency#

The two products answer this question differently, and both answers stop at the same place.

Lovable ships design systems on paid plans. The documentation is precise about the mechanism: releasing reads tokens and components straight from that source, and adherence enforcement then runs during ongoing work, catching raw colors, customized components and other deviations from your design system. Before an open-ended build, Lovable also asks three design questions, on palette, typography and layout.

v0 ships Design Mode, on the free plan. Select an element in the generated result and change it by hand rather than describing the change in English. Spacing, size, color. For that job it is the right tool, and spending model credits to move something 8px is a poor trade. It also ships Design Systems 2.0: you teach v0 your system once, from an npm package, a repository or Figma frames, and it is saved as a skill your chats build with.

Now read what each one assumes.

  • Lovable's enforcement assumes a token set exists to enforce.
  • v0's design system skill assumes a package exists to read.
  • v0's editing assumes somebody knows which way to move things.

Deviations and adjustments are both comparative words. They measure against a standard, and neither product supplies the standard, because supplying one would make the tool worse for the agency applying a client brand. That is the correct product decision and both companies have made it deliberately.

So the gap is not an oversight. It is the shape of the market, and it is the same shape in every builder on the shelf.

A tall glass slab with its internal layers stacked visibly inside, beside a second slab whose interior is one continuous unbroken block
Enforcement and editing both need a standard. Neither tool writes one.

The brief they are both missing#

Run the same thin brief through both and you get two pages that could be siblings: centered hero, gradient behind it, three feature cards, a soft fade upward on scroll, a weightless sans at one of four sizes. It is the look vibe design is about escaping.

That is correct behavior, not a defect. An unspecified brief has to be resolved by something, and the something is a model drawing on the median of published interface work.

The interesting part is how little it takes to break the pattern. Four categories of value, all of them writable in a paragraph each:

  1. Color as values. #0B0B0F and its companions, not dark and modern.
  2. A type scale at a stated ratio, resolving to a stated size at a stated breakpoint, so the display size is a decision rather than a default.
  3. Motion as a curve and a duration. cubic-bezier(0.22, 1, 0.36, 1) at 620ms reads as considered. The same move at 200ms reads as 2014.
  4. A section order, with a reason each section sits where it does instead of inheriting a template's sequence.

Hand that to either tool and both execute it faithfully, because faithful execution is what they are genuinely excellent at. The brief is the variable, not the builder, and design tokens in the W3C format hold the first two categories in a file either tool can read. Two pages where the third category, motion, is written as values:

The proof is cheap to run. Take one page, generate it twice in the same tool, once with adjectives and once with those four categories filled in, and put the results side by side. Nothing about the software changed between the two.

The verdict#

  • Choose Lovable when the deliverable is an application: accounts, data, something that has to stay alive after launch. The shared workspace credit pool is easy to fund for a small team, and the design system enforcement is worth paying for the moment you have decisions to enforce.
  • Choose v0 when the work lands in a codebase you already run, when you want a visual style panel rather than a described change for small adjustments, and when the Vercel deploy path is already your path.
  • Choose an editor agent if you want the model inside your own editor instead. Claude Code against Cursor covers that pair.
  • Do not choose either on output quality. On a thin brief they converge, and on a precise brief both execute well. A migration between them costs a week and changes nothing a visitor would notice about the page, which is a painful thing to discover on the far side of the week.

What does change it is the specification, and a specification is portable in a way no project file is. Written once, it runs in Lovable, in v0, in Bolt, and in whatever replaces all three. It also outlives the comparison: the meters will move, the plan names will change, and a stated type scale at a stated ratio will still be a stated type scale.

The honest summary: this is a workflow decision wearing the costume of a design decision. Answer the workflow question on your own project, and answer the design question somewhere upstream of both tools.

Copy the prompt of Vesperion, which is free with an account, and run it through Lovable and v0 on their free plans, then compare what each one used and returned. Open Brisk to see the same depth of direction on an app's landing page. The plans for the full library are on the pricing page.

Questions this raises

Is Lovable or v0 better for a full app?

Lovable, if you want the whole path in one product. It treats auth, data and hosting as part of the job. v0 now targets production apps too, and it is strongest inside a codebase you already run: it imports a GitHub repo, opens a branch per chat and deploys to Vercel.

What does v0 cost?

At the time of writing, its pricing page lists a free plan at `$0` a month with a `7` message per day limit and `$5` of one-time credits for new accounts, Plus at `$30` and Business at `$100` per user per month, and a quoted Enterprise tier. Model token rates are published separately.

Which is cheaper, Lovable or v0?

They meter differently. Lovable grants build credits daily and prices example prompts openly. v0 spends credits against published per million token rates that vary by model. Model choice inside v0 moves the bill more than most plan changes do.

Does v0 Design Mode replace a designer?

No. Design Mode is a visual editing surface for the result you already have. It changes values quickly and has nothing to say about which values are right, which is the part a designer supplies.

Why do Lovable and v0 output look similar?

Because both resolve an unspecified brief the same way. With no type scale, no palette in hex, no easing curve and no section order in the prompt, a model fills the gap from the median of published work, and the median is shared.

Part of

Alternatives, measured

Every library in this category, taken apart one at a time. What each one contains, what it costs, what it leaves out, and what you still have to decide yourself.