v0 Templates
100 entries in v0 templates for The Vibe Lab.
Hero section — B2B startup
Professional hero, enterprise logos, ROI stats, book-a-demo CTA.
Hero section — Portfolio
Full-height name + bio + social icons, featured project cards below.
Hero section — Docs home
Docs home with search bar, popular guides, API reference shortcut.
Hero section — Product launch
Centered hero with product shot, headline, release badge, CTA to watch demo.
Hero section — Agency
Split hero with large typography left, bold image right. Booking CTA. Client logos.
Hero section — OSS project
Hero with GitHub stars badge, install command, live demo iframe.
Hero section — AI app
Hero with prompt input demo, animated response stream mock, social proof.
Hero section — SaaS
Hero with bold headline, subhead, primary + secondary CTAs, product screenshot on right. Gradient background. Logos strip below.
Hero section — Event landing
Date/location prominent, speaker avatars, agenda teaser, RSVP CTA.
Hero section — Newsletter
Minimal centered hero with email input, social proof (subscribers), past issues preview.
Testimonials — Video strip
Row of video thumbnails that expand to play inline.
Features — Bento grid
Bento-style asymmetric grid with varied card sizes.
Pricing — Comparison table
Full feature comparison matrix with sticky header.
Pricing — Nonprofit discount
Standard pricing plus a nonprofit reduced tier.
Features — Timeline
Vertical timeline of product milestones or roadmap.
Features — Tabs
Tabs switching between feature groups with preview panels.
Pricing — Enterprise-only
Single tier + benefits + case studies + contact form.
Pricing — 3 tiers
Three tiers, monthly/annual toggle with annual discount badge.
Features — 3-column grid
Three-column feature grid with icons, headlines, short descriptions.
Features — Alternating sections
Alternating image/text rows for 6 features.
Testimonials — Carousel
Horizontal carousel with 6 testimonials + nav arrows.
Features — vs competitor
Side-by-side comparison vs a named competitor.
Testimonials — Wall
Infinite-scrolling wall of tweet-style testimonials.
Testimonials — Masonry grid
Masonry grid of testimonials with avatars + quotes.
Pricing — Usage-based
Slider for units, computed price, tier recommendations.
Testimonials — Featured single
One prominent testimonial with video thumbnail.
Pricing — 4 tiers with enterprise
Four tiers including enterprise with 'Talk to us' instead of price.
Pricing — Free + Pro
Minimal two-card layout focused on converting free users.
Pricing — One-time purchase
One-time pay with lifetime-license framing.
Testimonials — With stats
Combined stat cards and testimonials in one section.
CTA — Above footer
Final-push CTA block placed directly above the footer.
FAQ — Grouped by topic
Tabs for categories, accordion per tab.
FAQ — Accordion
Accordion with 6 Q&As and search filter.
Dashboard — Support
Open tickets, SLA breach, top tags, agent leaderboard.
Dashboard — Engineering
PRs open, deploy status, CI pass rate, DORA metrics.
Dashboard — Fitness
Workouts, weekly volume, PRs, heart-rate zones.
CTA — Banner
Full-width banner CTA with headline + email capture.
CTA — Modal
Modal CTA triggered on scroll depth with email capture.
Dashboard — Nonprofit donors
Donors, campaigns, raised vs goal, email opens.
Dashboard — Classroom
Students, assignments, grades, attendance.
Dashboard — Finance
Revenue, expenses, runway, burn chart.
FAQ — Two-column
Two-column list without accordion for scannability.
CTA — Sticky bottom bar
Sticky bottom-of-page bar with CTA.
Dashboard — Sales
MRR, new customers, churn, top products table.
Dashboard — Ops
Services, deploys, incidents, log tail, oncall rotation.
Dashboard — Marketing
Campaigns, attribution, funnel, spend vs budget.
Data table — Orders
Orders table with search, filter chips, bulk actions, pagination.
FAQ — Chat-style
FAQ rendered as an AI chat for an on-brand feel.
CTA — Split image
Split layout with product image left, CTA right.
Dashboard — Analytics
Sidebar + 4 metric cards + line chart + top pages table.
Form — Advanced search
Filter sidebar with chips, clearable filters, result count.
Form — Contact
Contact form with spam honeypot and success state.
Modal — Share
Copy link + social share icons + email invite.
Nav — Mega menu
Horizontal nav with mega-menu dropdown grouping many links.
Data table — Users
Users table with role filter, invite button, row-level actions.
Form — Invoice builder
Line items with quantity/price, subtotal/tax/total, add row.
Form — Multi-step onboarding
3-step wizard with progress bar and per-step validation.
Modal — Upgrade CTA
Plan upgrade modal triggered from gated feature.
Form — Booking
Calendar picker + time slots + contact details.
Data table — Inventory
Inventory with quantity edit, low-stock flag, restock modal.
Form — Billing address
Address form with country autocomplete + validation.
Form — Signup with strength meter
Signup with name, email, password + live strength indicator.
Modal — Command palette
Cmd+K palette with fuzzy search and recent actions.
Form — Feedback rating
Emoji rating + comment + email, post-submit thank-you.
Form — Login with social
Login with email/password plus Google/GitHub/Apple buttons.
Modal — Delete confirmation
Destructive-action modal with typed-confirmation input.
Data table — Invoices
Invoices with status chips, download PDF, resend action.
Form — Profile editor
Avatar upload, bio, links, social handles, public-toggle.
Data table — Events log
Events with timestamp, actor, action, and search filter.
Data table — CRM deals
Deals table with stage column, owner, value, close date.
Skeleton — Card grid
Card-grid skeleton loader matching final layout.
Card — User profile
User card with avatar, name, role, follow button.
Footer — With newsletter
Footer dominated by a newsletter signup form.
Footer — 5 columns
Big footer with product, company, resources, legal, newsletter.
Nav — Bottom tab bar
Mobile bottom tab bar with 5 tabs and active indicator.
Empty state — Inbox
Empty inbox illustration with call to connect provider.
Card — Article
Blog post card with cover image, title, excerpt, author.
Card — Event
Event card with date, location, host, RSVP.
Empty state — First-run
First-run empty state with onboarding next-steps checklist.
Nav — Breadcrumbs
Breadcrumb with truncation and dropdown for overflow.
Card — Plan
Pricing plan card with features list and CTA.
Nav — Stepper
Multi-step process stepper with progress states.
Empty state — No results
Search returned nothing; suggest filters to clear.
Nav — Sidebar collapsed
Collapsible sidebar nav with icons + labels on expand.
Skeleton — Table
Table skeleton loader with 5 shimmering rows.
Nav — Page tabs
In-page horizontal tabs with URL sync.
Empty state — All items deleted
All-deleted empty state with restore link.
Card — Stat KPI
KPI card with value, delta vs previous, sparkline.
Card — Product
Product card with image, name, price, add-to-cart.
Footer — Minimal
Single-row minimal footer with copyright + small nav.
Chat — Threaded comments
Threaded comments with reply indentation.
Skeleton — Article
Long-form article skeleton with heading + paragraph lines.
Chat — Support widget
Floating support chat widget with agent avatar.
Kanban — Simple board
Four-column kanban with drag-drop cards.
Kanban — Swimlanes
Kanban with swimlanes by assignee.
Chat — Direct messages
DMs list with presence + last message snippet.
Stepper — Onboarding wizard
Multi-step wizard with sidebar progress.
Stepper — Checkout
Checkout stepper: cart → shipping → payment → review.
Chat — AI assistant
Chat UI with streaming responses, markdown rendering, code blocks.
Skeleton — Chart
Chart skeleton with bar placeholders.