Browse and preview all 570+ Bolt templates for free. Copy any template, and every Bolt setup file on this page, with a BrowserMoon licence.
Get a licenceDesign help before you prompt Bolt
Ask Mon, the AI design assistant, which layout and template fit your app. Then paste it into Bolt.
What are Bolt templates?
Bolt templates are finished designs you paste into your first Bolt.new prompt. Bolt builds the whole site or app from that first prompt, so starting with a real design is the difference between a generic result and one that looks professional. Pick a template below, copy it, and paste it with a description of your product.
How to use templates with Bolt
Pick the template for your home page
Bolt does its best work on the first run, so start with the page that sets the tone: usually the landing page.
Paste it with your product description
Open bolt.new, paste the template and describe your product, audience and pages in the same prompt.
Add the project prompt
Add the design rules from this page to your Bolt project settings, so later changes keep the design.
Change one thing at a time
After the first version, use short prompts for each change. Big rewrite prompts make Bolt drift.
Bolt project prompt for design
Bolt can keep instructions for the whole project. Put these design rules there and every change you ask for keeps the template's look.
Bolt project design prompt
Design rules for your Bolt project settings, so Bolt keeps the template's look on every change instead of drifting back to its default style.
Bolt project promptPaste this into your Bolt project's custom instructions (project prompt), so Bolt follows it on every change. The design of this project comes from the BrowserMoon template I pasted in the first prompt. Keep it on every page. ## 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 Bolt 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 Bolt project's public folder. If the rest of the app still looks default, read why AI apps look generic.
Why the first Bolt prompt matters most
Bolt generates the whole project from your opening prompt: the layout, the components and the styles. Everything after that is an edit. If the first version is generic, you spend the rest of the session fixing it. A template in the first prompt gets the design right before any code exists.
Bolt templates for landing pages and portfolios
Bolt is the fastest way from idea to a published page. Landing page, portfolio and waitlist templates suit it best: paste one, describe your product, and deploy the same day. For apps, start with a dashboard template and add login and settings one prompt at a time.
Who uses Bolt templates
Bolt templates are popular with founders validating an idea, marketers who need a landing page this week, freelancers building client sites quickly and designers who want to see a concept live without writing code. Bolt turns a pasted template into a working, deployable site in one session, so the template decides whether that first version looks like a weekend project or a real company.
Best Bolt templates by use case
Startup landing page template for Bolt
Paste it with your product description and publish a polished landing page the same day.
Portfolio site template for Bolt
A clean portfolio Bolt can fill with your projects and deploy in one session.
Waitlist page template for Bolt
The fastest way to test an idea: a waitlist page that looks like a real product.
Pricing page template for Bolt
Add a pricing page that matches the rest of the site without redesigning it.
Dashboard prototype template for Bolt
A clickable dashboard for demos and user tests before you build the backend.
Tips for better results in Bolt
Paste the template before the description
Bolt weighs the start of the prompt heavily, so lead with the design.
Lock the design
Add "keep the existing design exactly" to change prompts so Bolt does not restyle pages.
Deploy early
Publish after the first version so you can share a real link and get feedback fast.
Export when you outgrow it
Download the project or push it to GitHub when you need a custom backend.
Bolt vs Lovable vs v0
Bolt is the quickest route from a template to a published site. Lovable is better for apps with accounts and data through Supabase. v0 is best for React components you will drop into an existing Next.js project. The same template works in all three; the difference is how much of the app around it each tool builds.
What to ask Bolt after you paste a template
- Build a landing page for my product using this template exactly. Change only the copy.
- Add a pricing page in the same design as the home page.
- Keep the existing design exactly and add a contact form to the footer.
- Make every section work on a 375px phone without horizontal scroll.
Common mistakes with Bolt templates
Leading with a long description
Paste the template first, then describe the product.
Rewrite prompts
Ask for one change at a time; big rewrites lose the design.
Forgetting mobile
Ask Bolt to check the page at phone width before you publish.
Bolt templates by category
Bolt templates by framework
Frequently asked questions
What are Bolt templates?
Finished website and app designs you paste into Bolt.new. Bolt builds the working site around the design, so the first version already looks professional.
How do I use a template in Bolt?
Copy the template, open bolt.new, paste it into your first prompt and describe your product. Bolt builds the whole page in that design.
Why do Bolt sites look generic?
Without a design to follow, Bolt uses the same default look for everyone. Pasting a template into the first prompt fixes that.
Can Bolt turn a template into a full app?
Yes. Start with a dashboard or landing page template, then add login, onboarding, settings and pricing templates one prompt at a time.
Should I use Bolt's prompt enhancer with a template?
Check the result if you do. It can rewrite or drop the design instructions. A template plus a clear description is usually enough.
Are the Bolt templates free?
Browsing and previewing are free. Copying the code needs a BrowserMoon licence, which covers unlimited projects.
How long does a Bolt site take with a template?
A single landing page is often live within an hour. A multi-page site with pricing, about and contact pages usually takes an afternoon of short prompts.
Can I use my own domain with a Bolt site?
Yes. Deploy from Bolt and connect your domain, or export the code and host it anywhere.
Do Bolt templates include animations?
Many do. The animation is written in the template's CSS and JavaScript, so Bolt keeps it when it builds the page.
Templates for other AI coding tools