Browse and preview all 570+ Lovable templates for free. Copy any template, and every Lovable setup file on this page, with a BrowserMoon licence.
Get a licenceDesign help before you prompt Lovable
Ask Mon, the AI design assistant, which layout and template fit your app. Then paste it into Lovable.
What are Lovable templates?
Lovable templates are finished designs you paste into Lovable as the starting point for a new app or website. Lovable builds the working app, with Supabase sign in and data, around the design, so it looks professional from the first version instead of the default Lovable look. Pick a template below, copy it and paste it into your first Lovable prompt.
How to use templates with Lovable
Choose the template for your first screen
Lovable sets the style of the whole project from its first version, so start with the screen that matters most: the landing page or the main dashboard.
Paste it into your first prompt
Start a new Lovable project, paste the template, then describe your app: what it does, who it is for and the pages it needs.
Add the knowledge file
Paste the design rules from this page into your project's knowledge. Every later prompt then keeps the same design.
Build page by page
Ask for one page per prompt, and use Lovable's visual edits for small text and colour changes.
Lovable knowledge template for design
Lovable keeps project knowledge alongside every prompt. Paste these design rules there once and Lovable stops drifting back to its default style as the app grows.
Lovable knowledge design template
Design rules to paste into your Lovable project's knowledge, so every prompt in the project keeps the template's look without repeating it.
Lovable project knowledgePaste this into your Lovable project's knowledge. Lovable uses it with every prompt in the project. This project's design comes from the BrowserMoon template pasted in the first message. Every page and component must keep that design. ## Design source of truth - Match the BrowserMoon template in design/template.html for fonts, spacing, colours, corner radius, shadows and components. When in doubt, open it and copy what it does. - Never invent a new style. If something is not in the template, use the closest thing that is.
Free logo, app icon and favicon for your Lovable app
Still showing the default icon? Pick a free SVG logo, then make a matching app icon, favicon, social share image and App Store screenshot with the free app launch kit. Drop the files in your Lovable project's public folder. If the rest of the app still looks default, read why AI apps look generic.
Lovable templates vs remixing a Lovable project
Lovable lets you remix public projects, which copies someone else's whole app: their data model, their features and their design choices. A design template is lighter. It gives Lovable only the look, so it builds your own app, with your own pages and data, in a design that already works.
That is usually what you want: a unique product that does not look like a starter kit, without spending your first twenty prompts fixing spacing and colours.
Which Lovable templates to start with
For a SaaS, start with a dashboard or landing page template, then add login, onboarding, settings and pricing. For an AI app, start with a chat interface. For a store, start with a product page. Each one sets the fonts, colours and spacing that every later Lovable page copies.
Best Lovable templates by use case
SaaS app template for Lovable
Start a Lovable SaaS with the dashboard, then add signup, settings and billing from the same set.
AI chat app template for Lovable
A ChatGPT-style interface with streaming answers, ready for a Supabase edge function.
Online store template for Lovable
Product pages that look like a premium brand, with Stripe checkout added by Lovable.
Course platform template for Lovable
A lesson player and student dashboard for selling your own courses.
Waitlist page template for Lovable
Collect emails in Supabase before launch, in a page that feels finished.
Tips for better results in Lovable
Use Lovable's knowledge
Paste the design rules into project knowledge once instead of repeating them in every prompt.
Connect Supabase early
Connect it on the first screen that needs data so tables and auth are set up before the UI grows.
Visual edits for small changes
Change copy and colours in visual edit mode; save prompts for structure.
Remix carefully
If you remix a project, paste your template in the first prompt so the new app takes your design, not the original.
Lovable vs Bolt for building from templates
Lovable is the stronger choice when the app needs accounts and data, because it sets up Supabase sign in and tables as it builds. Bolt is faster for marketing sites and prototypes you want live in minutes. Both follow a pasted template well; Lovable keeps it across a long project through its knowledge, and Bolt through its project prompt.
What to ask Lovable after you paste a template
- Use the pasted template as the design for the whole app and build the home page first.
- Add a pricing page in exactly the same design as the home page.
- Connect Supabase and save signups to a waitlist table.
Common mistakes with Lovable templates
Starting without a design
The first version sets the style of the project; paste the template first.
Huge prompts after the first version
Change one thing per prompt so Lovable keeps the design.
Lovable templates by category
Lovable templates by framework
Frequently asked questions
What are Lovable templates?
Ready-made designs you paste into Lovable as the starting point for an app or website. Lovable builds the working app around the design, so it looks finished from the first version.
Does Lovable have its own templates?
Lovable offers starter projects and lets you remix public projects. BrowserMoon templates are different: they are professional designs you paste into a prompt, so you build your own app in a design that does not look like a starter kit.
How do I use a template in Lovable?
Copy the template, start a new Lovable project, paste it into your first prompt and describe your app. Add the design rules from this page to your project knowledge so later prompts keep the design.
Do the templates work with Supabase in Lovable?
Yes. The templates are the design; Lovable adds Supabase sign in and data underneath. Login, signup and settings templates are styled to match.
Can I use these templates in an existing Lovable project?
Yes. Open the project, paste the template and say which page it should replace. Lovable updates that page and keeps the rest.
Are the Lovable templates free?
You can browse and preview every template for free. Copying the code needs a BrowserMoon licence, which covers unlimited projects, including client work.
Templates for other AI coding tools