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).
The Next.js SaaS boilerplate your AI can build 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 Next.js SaaS boilerplate your AI can build 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 Next.js SaaS boilerplate your AI can build 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 SaaS boilerplate for Next.js and Nuxt: 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, already built
Beyond the essentials above, all of this ships wired up and ready, from organizations to audit logs in this full-stack TypeScript SaaS boilerplate.
Notifications
Real-time in-app and email notifications with a prebuilt inbox and preferences.
Learn moreNotificationsCredits & Usage
Prepaid credit balances and metered usage you can attach to any feature or plan.
Type-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 moreInternationalizationFile Storage
S3-compatible uploads with signed URLs, size limits, and image handling.
Learn moreFile StorageAudit Logs
A complete trail of user and admin actions for security and compliance.
Learn moreAudit LogsBackground 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.
Theming & Dark Mode
Light, dark, and system themes with a switcher and a tokenized design system.
Learn moreTheming & Dark ModeOnboarding
Guided post-signup onboarding plus a welcome email sequence out of the box.
Learn moreOnboardingCookie Consent
GDPR-aware consent that gates third-party scripts until visitors opt in.
FeaturesAccordion
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, 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.
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
- Next.js or Nuxt: pick one framework
- Lifetime updates & support
- Unlimited private & commercial projects
- Client work included
- Closed-source / private projects only
- One framework (Pro unlocks both)
Both frameworks, priority support
- Everything in Solo
- All frameworks: Next.js and Nuxt
- Every future framework included
- Priority support
- Desktop app (Electron, cross-platform)
For agencies and dev teams
- Everything in Pro
- Up to 10 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 $199 | Pro $299 | Agency $999 |
|---|---|---|---|
| License & projects | |||
Unlimited projects (private & commercial) | |||
Perpetual license, own it forever | |||
Client & commercial work | |||
Frameworks | One framework | All frameworks | All frameworks |
Developer seats | 1 developer | 1 developer | Up to 10 developers |
Desktop 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.
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.