UI KitComponents gallery

SaaS UI Kit for Next.js & Nuxt

The complete SaaS UI kit behind GenerateSaaS: every UI component the boilerplate ships, rendered live with its real defaults. Production-ready hero, pricing, FAQ, testimonial, and CTA sections, built on shadcn/ui and Tailwind, fully themed and responsive for both Next.js and Nuxt.

Hero & visual variants

Hero (floating visual)

Full landing hero: eyebrow pill, headline, dual CTAs, a social-proof row, and the floating tech-icon cluster (the default visual).

NEWAll-in-one SaaS boilerplate

The Next.js SaaS boilerplate to launch in days, not months

The complete Next.js SaaS boilerplate for indie hackers. Auth, payments, emails, dashboards, and AI. Wired up, themed, and ready to ship.
MLADH
Trusted by +50 users

Hero (stack visual)

The same Hero with its stack visual mode - the gradient HeroStack card on the right, exactly as the homepage renders it.

NEWAll-in-one SaaS boilerplate

The Next.js SaaS boilerplate to launch in days, not months

The complete Next.js SaaS boilerplate for indie hackers. Auth, payments, emails, dashboards, and AI. Wired up, themed, and ready to ship.
MLADH
Trusted by +50 users

HeroImage

Hero visual variant: a single product screenshot inside a frosted card with a primary-tinted glow.

Product demo screenshot

Content sections

StatsRow

Responsive row of headline metric tiles (launch time, savings, speed, reliability).

Launch to prod
<7 days
Dev time saved
+160 hrs
Setup time
5 min
Type safety
100%

Showcase

Tech-stack showcase: categorised grid of hover/click-expandable cards built on ExpandableCard.

The stack

Built with the best modern tools

Opinionated defaults, swappable adapters. Everything you'd pick anyway, already wired up.

Core Stack

Next.js

Next.js

Full-stack meta-framework with SSR and best-in-class DX.

Why we chose this

Server routes, hybrid rendering, and zero-config conventions let you focus on building features instead of wiring infrastructure.

Instead of

File-based routing, built-in data fetching, and first-class TypeScript support across the entire app.

shadcn/ui

shadcn/ui

Beautiful, accessible components you own and customize.

Why we chose this

Unlike other UI libraries, shadcn gives you the actual code. No version conflicts, no override gymnastics, just clean, modifiable components.

Instead of

Traditional component libraries lock you into their API. shadcn puts you in full control.

Hono

Hono

Ultra-fast, lightweight API framework that runs anywhere.

Why we chose this

Hono is blazing fast with a tiny footprint. It runs on Node, Bun, Cloudflare Workers, and more. True portability.

Instead of

Express is battle-tested but slower. Fastify is fast but less portable across runtimes.

Drizzle

Drizzle

Type-safe SQL with zero runtime overhead.

Why we chose this

Drizzle generates SQL you can read. No query builder abstraction leaking, just typed SQL with excellent migrations.

Instead of

Prisma has runtime overhead and generates opaque queries. Drizzle stays closer to SQL.

Services

Better Auth

Better Auth

Modern auth library with social providers and 2FA built-in.

Why we chose this

Better Auth is framework-agnostic and TypeScript-first. Social logins, magic links, and 2FA work out of the box.

Instead of

NextAuth is tightly coupled to Next.js. Custom auth is complex and error-prone.

Inngest

Inngest

Reliable background jobs and event-driven workflows.

Why we chose this

Inngest handles retries, scheduling, and complex workflows with a simple function-based API. No infrastructure to manage.

Instead of

BullMQ requires Redis setup. Raw queues need manual retry logic and monitoring.

Resend

Resend

Developer-friendly email API with React templates and analytics.

Why we chose this

Resend offers the best DX for email. React Email templates make designing emails enjoyable.

Instead of

Traditional email APIs lack modern tooling. Resend brings email into the React ecosystem.

Amazon SES

Amazon SES

Enterprise email delivery at scale with unmatched reliability.

Why we chose this

SES offers the lowest cost at scale with excellent deliverability. Perfect for transactional and bulk email.

Instead of

SendGrid and Mailgun are pricier at volume. Self-hosted email has deliverability challenges.

Payments & AI

Stripe

Stripe

Industry-standard payments, subscriptions, and checkout.

Why we chose this

Stripe's API is the gold standard. Hosted checkout, subscription management, and fraud protection built-in.

Instead of

PayPal has worse DX. Building payment infrastructure yourself is a compliance nightmare.

Polar

Polar

Developer-first billing with open-source monetization built-in.

Why we chose this

Polar is designed for developers. Sponsorships, license keys, and usage-based billing with minimal setup.

Instead of

Stripe requires more setup for developer-specific use cases. Gumroad takes higher fees.

Vercel AI SDK

Vercel AI SDK

Unified API for building AI apps with any LLM provider.

Why we chose this

The AI SDK abstracts provider differences. Stream responses, tool calling, and structured output work consistently across models.

Instead of

Direct API calls mean provider lock-in. The SDK provides a consistent interface regardless of LLM.

OpenRouter

OpenRouter

One API for hundreds of LLMs, with automatic provider fallback.

Why we chose this

OpenRouter gives you one endpoint for every major model and reroutes automatically when a provider goes down. Switch models with a string change.

Instead of

Integrating each provider yourself means separate keys, billing, and outage handling. OpenRouter is one key and one invoice.

Deployment

Vercel

Vercel

Zero-config deployments with edge functions and global CDN.

Why we chose this

Vercel makes deployment trivial. Git push to deploy, preview URLs, and edge functions for optimal performance.

Instead of

Self-hosting requires DevOps knowledge. Other platforms lack Vercel's framework integrations.

Railway

Railway

Simple infrastructure for developers with instant deploys.

Why we chose this

Railway handles databases, Redis, and services in one place. Simple pricing and excellent DX.

Instead of

AWS is complex. Heroku's free tier is gone. Railway offers the best balance of simplicity and power.

Docker

Docker

Containerize and run anywhere with full control over your stack.

Why we chose this

Docker ensures your app runs the same everywhere. Essential for self-hosting and complex deployments.

Instead of

VMs are heavier. Serverless has cold start issues. Docker gives you portability with control.

Coolify

Coolify

Self-hosted alternative to Heroku and Netlify on your own servers.

Why we chose this

Coolify gives you Vercel-like DX on your own infrastructure. Full control without vendor lock-in.

Instead of

CapRover is less polished. Dokku lacks the UI. Coolify is the most complete self-hosted PaaS.

DemoVideo

Click-to-play demo video poster that swaps in a YouTube embed on interaction.

See it in action

See GenerateSaaS in action

A 90-second tour of the starter, dashboard, billing, admin panel and AI tooling.

Demo video thumbnail

FeaturesGrid

Bento-style feature grid with icon tiles, headings, and optional media per cell.

The full toolkit

Everything else, already built

Beyond the essentials above, all of this ships wired up and ready, from organizations to audit logs.

Transactional Email

Send beautiful emails with React Email templates. Works with any provider.

Transactional Email

Payments

Stripe integration with subscriptions, one-time payments, and customer portal ready to go.

Payments

Authentication

Complete auth system with email, social logins, magic links, and 2FA. Secure by default.

Authentication

Type-safe API

Hono API with end-to-end type safety, OpenAPI docs, and RPC client.

Type-safe API

SEO Optimized

Meta tags, sitemaps, structured data, and social sharing configured out of the box.

SEO Optimized

Background Jobs

Inngest-powered job queue for emails, webhooks, and scheduled tasks.

Background Jobs

FeaturesListicle

Tabbed feature highlights that auto-rotate every few seconds until the visitor picks a tab.

Everything included

All the tedious plumbing, already done

Six essential systems that take weeks to build right. Pre-wired, typed, and documented.

Transactional Email

Send beautiful emails with React Email templates. Works with any provider.

Transactional Email

FeaturesAccordion

Accordion feature list with a media preview that syncs to the active item.

Everything included

All the tedious plumbing, already done

Six essential systems that take weeks to build right. Pre-wired, typed, and documented.

Transactional Email

Send beautiful emails with React Email templates. Works with any provider.

Payments
Authentication
Type-safe API
SEO Optimized
Background Jobs
Transactional Email

HowItWorks

Numbered step cards with icon tiles and a gradient connector line.

How it works

Get to launch in three moves

From clone to production in minutes, not months. Here's how easy it is to launch your SaaS.

1

Clone the starter

One CLI command pulls the full stack, installs dependencies, and sets up your .env file.

2

Tune the essentials

Drop in your brand, theme, and copy. Swap adapters. Add your products and pricing in minutes.

3

Ship to production

One-click deploy to Vercel, Railway, or any Docker host. SSL, emails, webhooks, all wired up.

ProblemSolution

Side-by-side before/after comparison: a destructive-tinted problems card and a primary-tinted solutions card.

Why choose us

Why every hour before launch hurts

The stuff you have to build before you can build your product.

Without GenerateSaaS

  • Stitching auth, OAuth, 2FA & RBAC from scratch
  • Wrestling with Stripe webhooks & idempotency
  • Designing a dashboard, admin panel, and settings
  • Building email templates & deliverability
  • Writing i18n, SEO & blog from zero
  • Six weeks in, still no users, no feedback, no fun

With GenerateSaaS

  • Auth, 2FA, SSO & teams, out of the box
  • Typed Stripe & Polar integrations, tested webhooks
  • Admin, dashboard, onboarding, billing, all themed
  • Transactional emails with templates ready to send
  • i18n, SEO, OG images & a blog, all included
  • Focus on the hard problem: finding real customers

Social proof

TestimonialsGrid

Masonry multi-column grid of testimonial cards with star ratings, quotes, and avatars. Shown with six quotes of varying lengths so the staggered columns are on display.

Testimonials

Loved by builders who actually launched

Real teams. Real traction.

"The best boilerplate I've used. Period. I've tried half a dozen others over the years and they all felt like disposable scaffolding. This one reads like a codebase a senior team would actually maintain, and it's the first time my team didn't immediately want to rewrite chunks of it on day two."

AT

Alex Thompson

Engineering Lead, StartupCo

"Incredible quality. Learned so much from the codebase."

NP

Nina Patel

Software Engineer

"Worth every penny. Production-ready out of the box."

DK

David Kim

Full Stack Developer

"I've been building SaaS products for 8 years and this is the first boilerplate that matches how I'd actually structure a production app. The multi-tenant architecture, the API design with Hono, the auth setup with Better Auth. It's all done right. Saved me at least a month of work."

RO

Ryan O'Connor

Founder, CloudApps

"Launched my SaaS in under a week. The Stripe integration alone saved me days of headaches. Subscriptions, one-time payments, webhooks, all handled beautifully. Even the customer portal was pre-configured."

JM

Jessica Martinez

Indie Hacker

"I've bought a few boilerplates and this is the first one I didn't fight. Payments, the dashboard, the admin panel, all wired up and themed. I shipped my MVP instead of reinventing the basics."

MR

Mateo Rossi

Full-stack developer

TestimonialsTriple

Fixed three-column testimonial layout (the first three testimonials).

Testimonials

Loved by builders who actually launched

Real teams. Real traction.

"I had auth, billing, and emails working the same afternoon I cloned it. Normally that's a week of plumbing before I can even start on the actual product. It let me spend my time on the part that's actually mine."

JF

Jonas Friedrich

Indie hacker

"What sold me is that it reads like a codebase a senior team would maintain, not throwaway scaffolding. Type-safe end to end, sensible structure, and I never felt like I'd have to rip half of it out later."

PA

Priya Anand

Solo founder

"I've bought a few boilerplates and this is the first one I didn't fight. Payments, the dashboard, the admin panel, all wired up and themed. I shipped my MVP instead of reinventing the basics."

MR

Mateo Rossi

Full-stack developer

TestimonialsSmall

Compact trust strip: a row of overlapping avatars, a five-star rating, and an optional caption.

ALATGHKJ
Loved by builders shipping with the boilerplate

Pricing & conversion

Pricing

Plan cards driven by the pricing config, with an interval toggle and auth-aware checkout CTAs.

Pricing

Pick a plan that fits

One-time purchase. Own it forever. Pick your plan and start shipping.

Solo

For solo devs shipping their own products

$299one-time
  • Next.js or Nuxt: pick one framework
  • 1 year of updates & support
  • Unlimited private & commercial projects
  • Own it forever: keep every version in your window
  • Closed-source / private projects only
  • One framework (unlock both for $99)

Agency

Build and resell for clients

$999one-time
  • Everything in Pro
  • Open-source projects allowed
  • Client & white-label work
  • Resell the products you build
  • Direct support: phone / Discord / Telegram
  • Lifetime updates & support
Instant license delivery

PricingComparison

Feature comparison table with pricing tiers as columns and grouped feature rows.

Feature comparison

Compare all features

See exactly what's included in each tier to make the right choice for your project.

Feature
Solo
$299
Pro
$499
Agency
$999
License & projects
Unlimited projects (private & commercial)
Perpetual license, own it forever
Frameworks
One frameworkAll frameworksAll frameworks
Updates & support
Update window
1-year windowLifetimeLifetime
Support level
StandardPriorityDirect
Agency rights
Open-source projects
Client & white-label work

PricingProducts

One-time and add-on product cards sourced from the pricing config.

One-time purchases

Available products

Enhance your experience with one-time purchases.

+1 Year of Updates & Support

Extend your Solo update window by another year

$99one-time
Requires Solo

Unlock All Frameworks

Use both Next.js and Nuxt with your Solo license

$99one-time
Requires Solo

FAQ

Accordion of frequently asked questions. Requires an items array - here the shared faqItems dataset.

FAQ

Everything else you might be wondering

Can't find what you're looking for? Drop us a line.

FinalCta

Closing call-to-action band: radial-gradient card with a primary/secondary button pair and trust badges.

Stop configuring, start shipping

Stop fighting the tools. Get back to the product.

Instant delivery
Lifetime updates
Unlimited projects

Shared primitives

SectionHeader

Eyebrow badge, heading, and supporting copy that opens most landing sections.

Section

A section heading

Eyebrow badge, title, and supporting copy - the standard heading block for landing sections.

MarketingPagePill

Rounded eyebrow pill with an optional leading chip, used atop marketing and legal pages.

NewMarketing page pill

ExpandableCard

Hover (desktop) or tap (mobile) card that expands inline to reveal a details grid. Pass an image string, never an icon function, from a Server Component.

Next.js

Next.js

App Router, Server Components, and React 19 power the marketing site.

Framework

Next.js 16 with the App Router and React Server Components.

Rendering

Static-first with selective client interactivity where it counts.

Drizzle ORM

Drizzle ORM

Typed Postgres schema and queries with first-class migrations.

Database

Drizzle ORM over Postgres, fully type-safe end to end.

Migrations

Schema-first migrations generated straight from your tables.

Stripe

Stripe

Subscriptions, one-time products, and credits, wired end to end.

Billing

Checkout, the customer portal, and webhooks are pre-integrated.

Pricing

Plans and products are defined once in the pricing config.