SaaS UI Kit for Next.js
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.
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).
The SaaS Starter Kit your AI agent
builds on
Hero (stack visual)
The same Hero with its stack visual mode - the gradient HeroStack card on the right, exactly as the homepage renders it.
The SaaS Starter Kit your AI agent
builds on
Hero (app mockup)
The same Hero with its app-mockup visual mode: a CSS-built SaaS dashboard window on the right, floating on a primary-tinted glow. No image asset required, so it stays crisp at any size and tracks the theme.
The SaaS Starter Kit your AI agent
builds on
Content sections
StatsRow
Responsive row of headline metric tiles (launch time, savings, speed, reliability).
Showcase
Tech-stack showcase: categorised grid of hover/click-expandable cards built on ExpandableCard.
Built with the best modern tools
Opinionated defaults, swappable adapters. Everything you'd pick anyway, already wired up.
Core Stack
Services
Payments & AI
Deployment
DemoVideo
Click-to-play demo video poster that swaps in a self-hosted video player on interaction.
See GenerateSaaS in action
A quick tour of the Next.js SaaS boilerplate: every feature behind one config flag, Stripe or Polar billing, an AI-ready codebase, and the plumbing already done.
FeaturesGrid
Bento-style feature grid with icon tiles, headings, and optional media per cell.
Everything else in the starter kit
Past the ten above, all of this ships wired up and ready, from projects and automations to audit logs, in one full-stack TypeScript SaaS boilerplate.
Automations
Cron scheduled automations that run your AI workflows on each user's device or in the cloud.
Learn moreAutomationsProjects & Workspaces
Projects scope work inside every account or organization, each with its own settings, folders, and automations.
Learn moreProjects & WorkspacesExternal Agent (MCP)
Your users point Claude Code or any MCP client at your app and it drives the same capabilities your in-app assistant has.
Learn moreExternal Agent (MCP)Observability
Pick Sentry, PostHog, or both when you generate, with PostHog adding LLM analytics.
Learn moreObservabilityDeploy Presets
Ship serverless on Vercel with Neon and Upstash, or self host with Docker, Postgres, and Redis.
Learn moreDeploy PresetsLocal Dev Stack
One compose file brings up Postgres, Redis, Mailpit, and Inngest, so local development runs on the real services.
Learn moreLocal Dev StackNotifications
Real-time in-app and email notifications with a prebuilt inbox and preferences.
Learn moreNotificationsType-safe API
Hono API with end-to-end type safety, OpenAPI docs, and RPC client.
Learn moreType-safe APIInternationalization
Multi-language support with locale detection and SEO-friendly URLs.
Learn moreInternationalizationAudit Logs
A complete trail of user and admin actions for security and compliance.
Learn moreAudit LogsFile Storage
S3-compatible uploads with signed URLs, size limits, and image handling.
Learn moreFile StorageBackground Jobs
Inngest-powered job queue for emails, webhooks, and scheduled tasks.
Learn moreBackground JobsSEO Optimized
Meta tags, sitemaps, structured data, and social sharing configured out of the box.
Learn moreSEO OptimizedOne-time Products
Sell lifetime deals and add-ons next to subscriptions, with built-in ownership checks.
Learn moreOne-time ProductsOnboarding
Guided post-signup onboarding plus a welcome email sequence out of the box.
Learn moreOnboardingTheming & Dark Mode
Light, dark, and system themes with a switcher and a tokenized design system.
Learn moreTheming & Dark ModeCookie Consent
GDPR-aware consent that gates third-party scripts until visitors opt in.
Learn moreCookie ConsentFeaturesAccordion
Accordion feature list with a media preview that syncs to the active item.
All the tedious plumbing, already done
Six essential systems that take weeks to build right. Pre-wired, typed, and documented.
Send beautiful emails with React Email templates. Works with any provider.
HowItWorks
Numbered step cards with icon tiles and a gradient connector line.
Get to launch in three moves
From clone to production in minutes, not months. Here's how easy it is to launch your SaaS.
One CLI command pulls the full stack, installs dependencies, and sets up your .env file.
Drop in your brand, theme, and copy. Swap adapters. Add your products and pricing in minutes.
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 every hour before launch hurts
The stuff you have to build before you can build your product.
- 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
- Auth, 2FA, OAuth & 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.
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."
Alex Thompson
Engineering Lead, StartupCo
"Incredible quality. Learned so much from the codebase."
Nina Patel
Software Engineer
"Worth every penny. Production-ready out of the box."
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."
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."
Jessica Martinez
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."
Mateo Rossi
Full-stack developer
TestimonialsTriple
Fixed three-column testimonial layout (the first three 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."
Jonas Friedrich
Founder
"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."
Priya Anand
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."
Mateo Rossi
Full-stack developer
TestimonialsSmall
Compact trust strip: a row of overlapping avatars, a five-star rating, and an optional caption.
Pricing & conversion
Pricing
Plan cards driven by the pricing config, with an interval toggle and auth-aware checkout CTAs.
Pick a plan that fits
One-time purchase. Own it forever. Pick your plan and start shipping.
For solo devs and freelancers
- The complete Next.js 16 codebase, end to end typed
- Lifetime updates & support
- Unlimited private & commercial projects
- Client work included
- Closed-source / private projects only
- No desktop app or mobile app (Pro and up)
Desktop and mobile apps, priority support
- Everything in Solo
- Up to 5 developer seats
- Desktop app (Electron, cross-platform)
- Mobile app (Expo, iOS and Android)
- Priority support
For agencies and dev teams
- Everything in Pro
- Unlimited developer seats
- Open-source projects allowed
- Direct support: phone / Discord / Telegram
- Lifetime updates & support
PricingComparison
Feature comparison table with pricing tiers as columns and grouped feature rows.
Compare all features
See exactly what's included in each tier to make the right choice for your project.
| Feature | Solo $249 | Pro $499 | Agency $1,999 |
|---|---|---|---|
| License & projects | |||
Unlimited projects (private & commercial) | |||
Perpetual license, own it forever | |||
Client & commercial work | |||
Developer seats | 1 developer | Up to 5 developers | Unlimited developers |
Desktop app | |||
Mobile app | |||
| Updates & support | |||
Updates | Lifetime | Lifetime | Lifetime |
Support level | Standard | Priority | Direct |
| Agency rights | |||
Open-source projects | |||
PricingProducts
One-time and add-on product cards sourced from the pricing config.
FAQ
Accordion of frequently asked questions. Requires an items array - here the shared faqItems dataset.
Everything else you might be wondering
Can't find what you're looking for? Drop us a line.
What is a SaaS boilerplate?
How is a SaaS starter kit different from a boilerplate or a SaaS template?
Does it work with Claude Code, Cursor, and Codex?
What tech stack does the Next.js boilerplate ship with?
How do updates work after I customize the code?
Can I self-host it, or do I have to use Vercel?
What's included in the purchase?
Can I use this for multiple projects?
What's your refund policy?
What kind of support do you offer?
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.
Shared primitives
SectionHeader
Eyebrow badge, heading, and supporting copy that opens most landing sections.
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.
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.