Copy-paste v0 prompts for landing pages, dashboards, pricing tables, login screens and AI chat UI, each paired with a design template so v0 generates components that look designed, not default shadcn.
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 v0 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 licencev0 is great at clean React components, but without direction every v0 site looks the same. These v0 prompts give it a specific page structure and a BrowserMoon design template to restyle shadcn/ui to, so your landing page or dashboard looks like your brand and not the default.
Choose the v0 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 v0 templates page.
I have pasted a BrowserMoon design template below. Use it as the visual reference: copy its fonts, spacing, colours, borders and corner radius into the Tailwind theme and the components.
Replace the parts in brackets, like [product name] and [audience], with your own details. The prompt ends with: “Generate the page as one route with its components split into small files.”
Start with the SaaS dashboard prompt if you are building an app, or the hero section prompt if you need a marketing page. v0 works best one block at a time, so build the first component, open it in your project, then prompt the next.
v0 by Vercel generates React components with Tailwind CSS and shadcn/ui, and it is excellent at clean, working code. Its weakness is sameness: without a design reference, every v0 page uses the same default spacing, grey borders and black buttons.
Each prompt here tells v0 exactly which sections to build and hands it a BrowserMoon template to restyle the components to. You keep v0's clean Next.js code and get a design that belongs to your product.
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 v0 works.
Tell v0 to keep shadcn/ui for behaviour but restyle it to your template. That keeps the accessible components and removes the default look.
Have v0 set the colours, fonts and radius in the Tailwind theme before building pages. Every later component then matches.
v0 works best one section or page at a time. Generate the hero, then features, then pricing, each in its own prompt.
v0 reads images. A screenshot of the template next to the code makes the match even closer.
Tell v0 to restyle the shadcn components to the template, not to use them as they come.
Long v0 chats lose track of the design. Start a new chat per page and paste the template again.
Put your design rules in the v0 project instructions so every chat follows them.
Install the generated theme and fonts too, or the component will look different in your app.
v0 is popular with developers and designers who work in Next.js and want UI they can drop into a real codebase. These v0 prompts are for anyone who likes v0's clean code but is tired of every generation looking like the same shadcn/ui starter.
A prompt says what to build; a template shows v0 what it should look like. These templates also fit the prompts above.
A good v0 prompt names the page, lists the sections, and gives a design reference to restyle shadcn/ui to. Without a reference, v0 falls back on the default shadcn look.
Paste a design template and tell v0 to move its fonts, colours, spacing and radius into the Tailwind theme. The components keep working, but look like your brand.
Yes. Generate the page with the prompt, then use Design Mode for small changes to text, colour and spacing.
Yes. They ask v0 for Next.js routes and small component files, so you can copy the result into an existing Next.js project.
Yes. Use v0's install command or copy the code. Ask v0 to put colours and fonts in your Tailwind config first so every component shares them.
Yes. They ask v0 to keep using shadcn/ui components but restyle them to match the template, so you keep accessibility and get a custom look.
Prompts for other AI coding tools
