Copy-paste Lovable prompts for landing pages, SaaS dashboards, pricing, login, onboarding and AI chat apps, each paired with a design template so your Lovable app looks designed on the first try.
A full landing page for a SaaS product: hero, logos, features, how it works, pricing, FAQ and a closing call to action.
Template: Pixel SaaS landing page
“Build a landing page for [product name], a SaaS product that helps [audience] [main outcome]…”
A hero section that explains the product in one line and gets the click, with a product visual and social proof.
Template: Dark gradient hero
“Build the hero section for [product name], which helps [audience] [main outcome]…”
A pricing page with three plans, a monthly and yearly toggle, a comparison table and a pricing FAQ.
Template: Three tier pricing section
“Build a pricing page for [product name]…”
An app dashboard with sidebar navigation, key metrics, a chart, a recent activity table and empty states.
Template: SaaS analytics dashboard
“Build the main dashboard for [product name], used by [user type] to [main job]…”
Sign in, sign up and forgot password screens with social login, clear errors and a branded side panel.
Template: Login page
“Build the sign in, sign up and forgot password pages for [product name]…”
A short onboarding flow: welcome, role, goals and a first-step checklist that gets new users to value fast.
Template: Onboarding role selection
“Build the onboarding flow new users see after sign up for [product name]…”
A ChatGPT-style AI chat app: conversation list, streaming answers, suggested prompts and a clean message box.
Template: AI chat interface
“Build an AI chat app called [product name] that helps [audience] with [topic]…”
A landing page for a mobile app with phone mockups, feature screens, reviews and App Store and Google Play buttons.
Template: Mobile app landing page
“Build a landing page for [app name], a mobile app that helps [audience] [main outcome]…”
A personal portfolio site with selected work, case study pages, an about section and a contact form.
Template: Designer portfolio website
“Build a portfolio website for [name], a [role] who wants [type of client or job]…”
Account, billing, team and notification settings pages with a settings sidebar and clear save states.
Template: Account settings page
“Build the settings area for [product name]…”
A pre-launch waitlist page that collects emails, shows the product and gives people a reason to share.
Template: Waitlist landing page
“Build a pre-launch waitlist page for [product name], launching [launch date]…”
A short launch video built in code: hook, product name, three feature scenes and a closing line, exported as MP4.
Template: App launch video
“Adapt the launch video template for [product name], which helps [audience] [main outcome]…”
Redesign an existing vibe-coded site or app to match a professional template, without breaking content or routes.
Template: AI chatbot landing page
“Redesign this [site or app] so it looks professional, using the template as the new design…”
Every Lovable prompt above shows its opening line for free. The full prompts, and the templates they are written for, come with a BrowserMoon licence.
Get a licenceThe best Lovable prompts do two things: they say exactly what to build, and they give Lovable a real design to copy. These prompts are written for Lovable and paired with a BrowserMoon template, so your landing page, dashboard or app screen looks designed from the first version instead of the usual generic look.
Choose the Lovable prompt for the page you are building, from a SaaS landing page to a login screen or an AI chat app.
Each prompt is written to go with the template shown on its card. Copy that template, or any template from the Lovable templates page.
I have pasted a BrowserMoon design template below. Use it as the design for everything you build: the same fonts, spacing, colours, corner radius and components.
Replace the parts in brackets, like [product name] and [audience], with your own details. The prompt ends with: “Build the first version now, then wait for my feedback. Do not add pages I did not ask for.”
Start with the SaaS landing page prompt if you are launching, or the SaaS dashboard prompt if you already have users. Lovable sets the look of the whole project from the first page it builds, so the first prompt you send matters more than any other. Every later page copies its colours, fonts and spacing.
Lovable is very good at turning a description into a working React app with Supabase behind it. It is less good at inventing a design, so without help it falls back to the same rounded cards, purple gradients and centred hero that thousands of Lovable apps share.
Each prompt here does the design thinking for you. It lists the sections of the page in the order that converts, sets rules for type, spacing and colour, and tells Lovable to copy a BrowserMoon template exactly. The template is the part that changes the result most: Lovable is far better at matching a design than at guessing one.
Each prompt on this page is built from the same five parts. The page-specific part changes per prompt; the rest is written for how Lovable works.
Paste the template at the start of your first message. Lovable sets the style of the whole project from the first version, so the design has to be there from the start.
Ask for the home page first, then each next page in its own message. Lovable keeps the design consistent when it builds in small steps.
Change text, colours and spacing with Lovable's visual edit mode. Save prompts for new pages and features.
Say which data is real, like users, plans or orders. Lovable then sets up the Supabase tables for you.
Lovable builds better in steps. Send the landing page first, check it, then add one page per message.
After a few edits Lovable starts changing fonts and spacing. Add: keep the existing design exactly, only change what I ask for.
Use visual edits for text, colours and spacing. It costs no credits and never rewrites the page.
A prompt without a design to copy gives the default Lovable look, however detailed the text is.
Founders building an MVP over a weekend, product people testing an idea before they hire, and agencies shipping client sites in Lovable all hit the same wall: the app works, but it looks like every other Lovable app. These prompts are for anyone who wants the first version to look like a real product, without writing design rules from scratch every time.
A prompt says what to build; a template shows Lovable what it should look like. These templates also fit the prompts above.
A good Lovable prompt names the product, the page, the sections in order and the design to follow. Pasting a design template into the prompt is the biggest single improvement, because Lovable copies a real design instead of guessing one.
Long enough to list every section of the page and the design rules, usually 100 to 250 words for the first message. After that, short prompts that change one thing at a time work best.
Without a design to follow, Lovable falls back on the same default look as everyone else. Paste a design template in your first prompt and ask it to match the fonts, spacing and colours exactly.
Yes. Open the project, paste the prompt and the template, and say which page to rebuild. Lovable updates that page without touching the rest.
Every message to Lovable uses credits, so a detailed first prompt saves credits: Lovable gets the page right the first time instead of after five rounds of fixes.
Use chat mode to plan and agent mode to build. Paste the prompt and template in agent mode when you want Lovable to write the page.
Prompts for other AI coding tools
