Lovable in 2026: What It Builds, Where Its Defaults Show, and How to Fix Them
Lovable builds and hosts full-stack apps on one fixed stack, and asks about palette, type and layout only if your prompt leaves them open. What its documentation says it does, where the generic look comes from, the 13 tells, and the way out.
On this page
Lovable's FAQ answers the question most reviews dance around. "Can I choose a different framework, such as Next.js?" No: "Every project uses the same stack." That one line explains both what Lovable is good at and why its apps share a look. One stack, one hosting path, one model chosen for you, and a design that follows whatever you did, or did not, ask for.
This review is built from Lovable's documentation, read on 17 October 2026, and from the source of the components its apps use. It is not a diary of projects and it reports no timings, costs or success rates from our own use: where something comes from Lovable's docs, the page is named; where it is our judgment, it reads as one. For the neighbors, see v0 in 2026 and the Bolt.new review.
TL;DR
- Lovable builds and hosts full-stack web apps from a description. Its docs promise the interface, the backend, the database, login and integrations, then hosting on a
lovable.appaddress, free on all plans. - The stack is fixed. TanStack Start with server rendering for apps created since 13 May 2026, React and Vite for older ones, PostgreSQL through Lovable Cloud or Supabase. No framework or database choice.
- The look is yours to specify, or it is the default. Lovable now asks design questions (palette, typography, layout) when a prompt leaves the look open. Skip them and it "chooses reasonable defaults," which is where the generic look comes from.
- The code is yours and can leave. Git sync on every plan, a zip download on paid plans, and a documented guide to hosting elsewhere. The database exports separately.
- The tool suits people who will not open the code better than people who want to control every file, and internal tools and validation MVPs better than brand sites.
What Lovable is in 2026
From Lovable's FAQ: "Lovable is an AI development platform that builds full-stack web applications from a description in plain language." It was founded in 2023 in Stockholm by Anton Osika and Fabian Hedin, and was first known as GPT Engineer.
What it generates is documented precisely:
| What Lovable documents | |
|---|---|
| Frontend | React and Tailwind CSS. Apps created from 13 May 2026 (22 June 2026 on Enterprise) use TanStack Start, which renders pages on the server; older apps use React and Vite and render in the browser |
| Backend | The built-in backend (Lovable Cloud), Supabase, or third-party APIs; the database is PostgreSQL |
| Choice of framework | None: "Lovable does not offer a choice of framework or database" |
| Choice of model | None for building: "Lovable chooses the model behind Build mode, Plan mode, and Chat mode" |
| Hosting | Publishing to a lovable.app URL is free on all plans; custom domains on paid plans |
| Code ownership | "You do." You can modify the code, use it commercially and host it anywhere |
| Code out | Git sync (GitHub, GitLab, Bitbucket) on any plan; a .zip download on paid plans |
Older apps that render in the browser are not invisible to search: the FAQ says Lovable serves pre-rendered copies of their published pages "to verified search engines, social preview bots, and AI crawlers." New apps render on the server for every visitor.
The fixed stack is the trade. Everything else (auth, payments, emails, connectors, hosting) can be wired in from the chat because Lovable knows exactly what it is wiring into.
How Lovable compares, in one line each
- Lovable: one stack, hosted, with backend, auth and payments built in; written for people who may never open the code.
- Bolt.new: any JavaScript framework, running in your browser tab, with Bolt Cloud or Netlify for hosting.
- v0: Next.js with shadcn/ui and Tailwind, previewed in a Vercel Sandbox, published to Vercel or merged into your GitHub repository.
- Replit Agent: many languages in a cloud workspace, with Replit deployments.
The documented differences are in the comparison table below.
Where Lovable fits
These follow from what Lovable documents, not from a count of projects.
People who do not code
Lovable's FAQ is explicit: no coding experience is needed, you build "by describing what you want in the project chat." The backend, the database, login and hosting come with the platform. For someone who wants a working product and has no wish to manage a deployment, that removes most of the steps where a project usually stalls.
Internal tools
A dashboard for campaign metrics, a supplier form, a CRUD screen for expenses until the real system arrives. Low design expectations, few users, a short life. Lovable's docs note that it skips the design questions altogether for "dashboards, admin panels, and apps that mainly manage records," because those have standard defaults; for internal tools, that is exactly right.
Validating an idea
A landing page, a sign-up, a payment, a first version of the core feature, on a real URL. If the question is "will anyone pay for this," the look matters less than the speed of finding out. Plan the redesign for the day the answer is yes.
A working sketch of a feature
For a developer, Lovable can produce a high-fidelity sketch of a feature with common requirements: how the data could be shaped, which screens are needed, what the flow looks like. The structure is the useful part; whether you keep the code is a separate decision.
Where Lovable costs you
When you need a different stack
If the project has to be Next.js, Vue, a Python backend or an existing database, Lovable is the wrong starting point by its own documentation: "If you need a different stack, keep a repository in sync" and work on it elsewhere. Starting there and leaving later is possible; starting there because you hoped to change the stack is not.
When the design has to be yours
Lovable's design guidance is the honest description of the mechanism. When "your prompt leaves the look open," Lovable shows up to three design questions, with options for palette, typography and layout, preselecting the first option in each. Answer them, or describe the look in the prompt, and Lovable "applies your choices from the first build." Select Skip all and "Lovable then chooses reasonable defaults for the work you asked for."
Reasonable defaults are the generic look. The fix is upstream: name the typefaces, the colors and a layout in the first prompt, or connect a design system so every project starts from yours. Lovable's design questions offer layouts such as "asymmetric," "broken grid," "magazine" and "zigzag" alongside "card grid"; picking one on purpose is already more than most generated pages get.
When the logic is not CRUD
AI builders reach for the most common pattern they have seen, and the most common pattern is not always the right one: a multi-step flow with conditional steps, a state machine, branching business rules. Ask Lovable's Plan mode to spell out the states and transitions before it builds, and review the result as you would a junior developer's pull request.
When auth, billing and compliance go past the happy path
Lovable wires in authentication, payments through Stripe or Paddle, and emails. The edges are yours to design and check: row-level security beyond "a user owns their rows," team accounts with roles, failed-payment recovery, tax, data export and account deletion. Lovable's docs include a security scanner and a security view; run them, then have someone who knows the domain read the policies.
When accessibility is contractual
React components on Radix primitives handle a lot of keyboard and focus behavior. Page-level issues (heading order, labels, skip links, contrast) are the ones to audit. On dark themes, the contrast check depends on the exact pair: Tailwind's slate-400 text on slate-900 is about 6.96:1 and passes WCAG AA, while slate-500 on the same background is about 3.75:1 and fails the 4.5:1 required for body text. Those ratios are computed with the WCAG formula; check your own palette the same way, and run an automated audit such as axe before launch.
For a site that has already shipped, the de-AI guide walks the clean-up.
The Lovable fingerprint: 13 tells
Some of these are documented; most are common habits of generated apps in general. The basis column says which.
| # | Tell | What it looks like | Basis | How to remove |
|---|---|---|---|---|
| 1 | The Edit with Lovable badge | A badge on the published site | Lovable FAQ: hidden only on paid plans | Hide Lovable badge in Project settings, Publishing |
| 2 | A lovable.app address | The default published URL | Lovable FAQ | Connect your own domain (paid plans) |
| 3 | Design defaults after skipped questions | A palette, type pair and layout nobody chose | Lovable's design guidance docs | Answer the design questions, or name them in the prompt |
| 4 | A dark slate theme | bg-slate-900, text-slate-200, text-slate-400 | Common habit | A palette of your own in CSS variables |
| 5 | Stock component shapes | Cards with a rounded border and a soft shadow, pill badges | shadcn/ui-style components, when used | Restyle the primitives once, in their source |
| 6 | One sans-serif for everything | Inter or Geist, no pairing | Common habit | A display and text pairing you chose |
| 7 | A centered hero | Headline, subhead and two buttons, all centered | Common habit | An asymmetric composition |
| 8 | Lucide icons throughout | One uniform icon set | Common default of the React ecosystem | Another set, or icons drawn for the product |
| 9 | Toasts for every message | toast.success() and toast.error() for all feedback | Common habit | Inline feedback where the action happened |
| 10 | Placeholder copy | "Welcome to your dashboard", "Get started" | Common habit | Rewrite in the product's voice |
| 11 | Uniform spacing | The same vertical gap between every block | Common habit | A spacing scale with real contrast |
| 12 | Stock auth and payment screens | Unbranded sign-in emails and checkout | Defaults of the services until you brand them | Brand the email templates and the checkout |
| 13 | No custom Open Graph image or 404 | A bare link preview, a stock not-found page | Common omission | Make both |
Removing the first three is a matter of settings and a better first prompt. The rest is a design pass. The deeper point, that the problem is defaulting rather than any one library, is made in the shadcn/ui monoculture, and the blue-purple gradient piece covers the most common color tell across every builder.
What it costs: how Lovable's credits work
Lovable's docs describe the structure; lovable.dev/pricing carries the current prices, which change often enough that this article does not repeat them.
- One balance for everything. "A credit is the unit Lovable uses to measure usage across your workspace": building, chatting, hosting, running the built-in backend, the AI features your app uses, connectors.
- Build mode is priced on the work. It is "priced on the complexity of the request and the work completed, so small, focused edits usually cost less than larger changes."
- Free plan. 5 daily build credits (up to 30 a month), a daily chat allowance, and monthly grants of 20 Cloud credits and 4 AI credits.
- Paid plans are priced by credits, not seats. Pro and Business start at 100 subscription credits a month and come in several tiers; top-ups are valid for 12 months; unused monthly credits roll over.
The practical consequence: long sessions spent arguing with the design cost more than a precise first prompt. Answering the design questions is also the cheaper path.
Getting past the defaults
Before the first build
- Describe the look: typefaces, colors, a layout and a reference. Lovable's docs say a prompt with "a specific design direction" makes it build directly without design questions.
- Or answer the design questions instead of accepting the preselected first options.
- Put durable rules where every chat reads them. Lovable's knowledge feature exists for this; its own example includes styling and library rules. Workspace knowledge applies the same rules across projects.
- Bring real designs in. Lovable documents three ways to import from Figma: the Figma plugin, the Figma MCP (with the desktop app), and uploading a
.figfile for variables, colors, typography and frame structure. - On teams, connect a design system so projects start from your components and tokens.
After it builds
- Use the preview toolbar to select an element and describe the change, instead of describing it from memory.
- Make visual changes in small, separate prompts, and check that unrelated requests did not undo them.
- When a single feature keeps going round in circles, stop prompting. Read the code in the editor, or sync the repository and finish the feature in your own editor.
The prompt side is covered in depth in the anti-slop prompt template.
The 13 fixes to de-slop a Lovable app
| # | Fix | Effort | Impact |
|---|---|---|---|
| 1 | Replace the default palette with your own CSS variables | Low | High: the biggest single visual change |
| 2 | Choose a typeface pairing | Low | High: typography is the strongest design signal |
| 3 | Rewrite all placeholder copy in the product's voice | Medium | High: generic copy is a tell on its own |
| 4 | Make an Open Graph image, per page where it matters | Low | Medium: what people see when the link is shared |
| 5 | Hide the Lovable badge (paid plans) | Low | Medium |
| 6 | Restyle the card and badge primitives | Low | Medium: breaks the stock shapes everywhere at once |
| 7 | Replace the most visible icons | Low | Medium |
| 8 | Run an accessibility audit (axe or similar) and fix what it finds | Medium | High |
| 9 | Brand the sign-in and transactional emails | Low | Medium |
| 10 | Serve stored files from your own domain if the storage URL matters to you | Medium | Low to medium |
| 11 | Brand the checkout | Low | Medium |
| 12 | Split the largest components | Medium | High for maintenance, invisible to visitors |
| 13 | Replace toasts with feedback where the action happened | Medium | Medium |
Effort and impact are judgments, not measurements. The first six cover what a visitor sees; the rest cover what a maintainer and an auditor will see.
Lovable vs Bolt vs v0 vs Replit Agent
What each tool documents about itself, read on 17 October 2026.
| Lovable | Bolt.new | v0 | Replit Agent | |
|---|---|---|---|---|
| Stack | TanStack Start (React, Tailwind) for new apps; fixed | Any JavaScript framework; Node.js backend only | Next.js, React, TypeScript, Tailwind CSS, shadcn/ui | Many languages |
| Backend and database | Lovable Cloud or Supabase, PostgreSQL | Bolt Cloud database, or Supabase | What you build in Next.js, with Vercel integrations | Replit's database and services |
| Publishing | lovable.app, custom domain on paid plans | Bolt Cloud, Netlify | Vercel | Replit deployments |
| Code out | Git sync on any plan, zip on paid plans | Zip, GitHub | GitHub pull requests, export | Workspace, Git |
| Choice of building model | No | Choice of agent | Model picker | Free, Power and Max modes |
| Free-plan branding | Edit with Lovable badge | Made in Bolt badge | Not documented | Not documented |
Sources: Lovable docs, Bolt help center, v0 docs, Replit docs.
The reading: Lovable when you want the platform to own the stack and the hosting; Bolt when you want a JavaScript project you can run and read in the browser; v0 when your world is Next.js on Vercel; Replit when the project is not JavaScript. None of them has a design advantage by default.
The export-and-leave option
Lovable documents the way out, which is worth knowing before the way in.
What you can take
- The code, through Git sync on any plan (Lovable creates a new repository from the project on GitHub, GitLab or Bitbucket; it cannot connect an existing one), or as a
.zipwith Download codebase on paid plans. - The data, separately: export it from the Cloud settings under Export project data. The FAQ notes the export "does not include stored files, Edge Function code, or secrets," so plan for those.
What changes depending on the app's age
Apps created since 13 May 2026 are TanStack Start apps that render on the server, so they need a host that runs a server. Older React and Vite apps build to static files and can go on any static host. Lovable's guide to deploying and hosting outside Lovable covers both.
The order of operations
- Sync or download the code, install it and run it locally.
- Stand up the database and apply the schema; import the data export.
- Recreate secrets and environment variables; move stored files.
- Point payment webhooks and auth redirect URLs at the new deployment.
- Deploy, then move the domain.
- Run the de-slop checklist if you have not already.
When to leave
While you are adding features quickly, the chat is fast. When most of your prompts are about undoing defaults rather than adding anything, the chat has stopped helping, and a repository in your own editor is the better place to finish.
Verdict: who Lovable is for
Lovable suits:
- People who do not code and want a working, hosted product they can change by describing it.
- Teams building internal tools with standard layouts and short lives.
- Founders validating an idea who will redesign once it works.
- Developers who want a fast, working sketch of a feature before building it properly.
Lovable is a poor fit for:
- Projects that need another stack (a specific framework, a non-PostgreSQL database, a non-JavaScript backend).
- Brands with strong design opinions who are not prepared to spell them out, or to connect a design system.
- B2B products with complex permissions, billing and compliance, unless someone owns those layers.
- Long-lived codebases with nobody reading the code.
FAQ
Q1: Can I really ship a SaaS in minutes with Lovable? You can get a working, hosted app with login, a database and a checkout without writing code; Lovable documents each of those pieces. Whether that is a product depends on what comes after: copy, design, edge cases and support.
Q2: Is Lovable better than Bolt.new? Different trade. Lovable fixes the stack and hosts everything; Bolt lets you choose a JavaScript framework and runs the project in your browser tab. If you will never open the code, Lovable's fixed stack is a feature. If you will, Bolt's openness is.
Q3: Will my Lovable site look like every other Lovable site? If you skip the design questions and give no design direction, it will look like the defaults, which is to say like many other generated sites. Answer the questions, name your typefaces and colors, connect a design system, and apply the fixes above.
Q4: Can I use a backend other than Supabase? Lovable's backend options are its built-in Cloud, Supabase or third-party APIs, and the database is PostgreSQL. It does not offer a choice of framework or database. If you need another one, sync the repository and work on it elsewhere.
Q5: What does Lovable cost? Lovable bills in credits, with a free plan (5 daily build credits, up to 30 a month) and paid plans priced by monthly credits rather than seats. Current prices are on lovable.dev/pricing.
Q6: Can I take my code and leave? Yes. Git sync works on any plan; paid plans can download a .zip. Export the database separately, and move stored files and secrets yourself.
Q7: Is the generated code production-ready? It runs, and Lovable hosts it. Whether it is maintainable for years depends on someone reading it: component size, state handling and error paths are the usual places to look.
Q8: Can Lovable read my Figma designs? Yes. Lovable documents a Figma plugin, a Figma MCP for the desktop app, and uploading a .fig file.
Q9: What about accessibility? Component-level behavior is a good floor; page-level issues and color contrast need an audit. Compute contrast for your own palette before launch.
Q10: Is Lovable safe for B2B SaaS? For validating the market, yes. For enterprise customers, someone has to own row-level security, roles, billing edge cases and compliance, with Lovable's security scanner as a starting point rather than the end.
Q11: What is the Lovable fingerprint, and how do I remove it? The 13 tells above. The badge, the default domain and skipped design questions are settings and prompts; the rest is a design pass.
Q12: Who makes Lovable? Lovable was founded in 2023 in Stockholm by Anton Osika and Fabian Hedin, and was first known as GPT Engineer.
Glossary
- Lovable: An AI platform that builds and hosts full-stack web apps from a description.
- TanStack Start: The React framework Lovable uses for apps created since 13 May 2026, with server rendering.
- Lovable Cloud: Lovable's built-in backend: database, auth, storage and functions.
- Supabase: An open-source PostgreSQL platform with auth and storage, Lovable's other backend option.
- Design guidance: Lovable's design questions about palette, typography and layout, asked before it builds when a prompt leaves the look open.
- Knowledge: Persistent instructions Lovable applies in every chat of a project or workspace.
- Git sync: Lovable's link between a project and a new repository on GitHub, GitLab or Bitbucket.
- OKLCH: A perceptually uniform color space, handy for building a palette that is not Tailwind's.
- Lovable fingerprint: The tells that mark an app as built on Lovable defaults.
- Happy path: The expected, error-free flow through an app.
Sources
Read on 17 October 2026.
- Lovable documentation: FAQ, design guidance, knowledge, Figma, subscription plans, credits and usage, glossary, deploying and hosting outside Lovable, changelog.
- lovable.dev/pricing.
- W3C, WCAG 2.2, success criterion 1.4.3, for the contrast threshold; ratios computed with its formula.
- Bolt help center, v0 docs and Replit docs for the comparison table.
No sponsorship and no commercial relationship with Lovable or its competitors.
Revision note
Rewritten on 17 October 2026. The earlier version was titled "What 9 Months and 11 Projects Actually Taught Us" and was built on a project diary: a timed checkout, prompts counted, tools shipped, migrations timed, a six-month cost range and five-axis scores. None of it was documented, so all of it has been removed. The article now rests on Lovable's documentation, which also corrected several outdated claims: Lovable apps now render on the server, the backend is no longer only Supabase, and Figma designs can be imported.
Scan a live page
Eight AI defaults, the evidence for each, and a fix kit. Free, no account.