DEV Community

Cover image for Top 8 Most Popular Open-Source Next.js SaaS Templates
Bytefer
Bytefer

Posted on • Edited on

52 1

Top 8 Most Popular Open-Source Next.js SaaS Templates

shadcn-ui is a modern React component library that provides developers with a set of highly customizable and accessible UI components.
The combination of Next.js and shadcn-ui provides a powerful solution for rapid development of Landing Page and SaaS projects. In this article I will share 8 open source SaaS projects recommended by Awesome Shadcn UI.

Github awesome-shadcn-ui

Awesome Shadcn UI

1. Next Saas Starter

Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.

MIT / 5.1K+ Star
Next Saas Starter

Tech Stack

  • Framework: Next.js
  • Database: Postgres
  • ORM: Drizzle
  • Payments: Stripe
  • UI Library: Shadcn-ui

2. SaaS-Boilerplate

⚡️ Full-stack React application with Auth, Multi-tenancy, Roles & Permissions, i18n, Landing Page, DB, Logging, Testing.

MIT / 3.8K+ Star

SaaS-Boilerplate

Tech Stack

  • Framework: Next.js
  • Database: Postgres
  • Authentication: Clerk
  • ORM: Drizzle
  • Payments: Stripe
  • UI Library: Shadcn-ui

3. Cloudflare SaaS Kit

Quickly make and deploy full-stack apps with database, auth, styling, storage etc.

3K+ Star

Cloudflare SaaS Kit

Tech Stack

  • Framework: Next.js
  • Database: Cloudflare D1
  • Authentication: NextAuth.js
  • ORM: Drizzle
  • Hosting: Cloudflare Pages
  • UI Library: Shadcn-ui

4. Saasfly

An easy-to-use and enterprise-grade Next.js boilerplate.

MIT / 1.9K+ Star

Saasfly

Tech Stack

  • Framework: Next.js
  • Database: Postgres
  • Authentication: NextAuth.js
  • ORM: Prisma
  • Payments: Stripe
  • UI Library: Shadcn-ui

5. Next-Saas-Stripe-Starter

Open-source SaaS Starter with User Roles & Admin Panel. Built using Next.js 14, Prisma, Neon, Auth.js v5, Resend, React Email, Shadcn/ui, Stripe, Server Actions.

MIT / 1.8K+ Star

Next-Saas-Stripe-Starter

Tech Stack

  • Framework: Next.js
  • Database: Neon
  • Authentication: Auth.js
  • ORM: Prisma
  • Payments: Stripe
  • Hosting: Vercel
  • UI Library: Shadcn-ui

6.Relivator-Nextjs-Template

Build More Efficient, Engaging, and Profitable Online Stores: Relivator Enhances your eCommerce with the Power of shadcn/ui, Next.js 15, React 19, and more.

MIT / 1K+ Star

Relivator-Nextjs-Template

Tech Stack

  • Framework: Next.js
  • Database: Postgres/MySQL
  • Authentication: NextAuth.js
  • ORM: Drizzle
  • Payments: Stripe
  • UI Library: Shadcn-ui

7. Nextjs-Starter-Kit

The Ulimate Nextjs Starter Kit. Build your next SAAS product of your dreams. Batteries included.

MIT / 987 Star

Nextjs-Starter-Kit

Tech Stack

  • Framework: Next.js
  • Database: Supabase
  • Authentication: Clerk
  • ORM: Prisma
  • Payments: Stripe
  • UI Library: Shadcn-ui

8. Rapidlaunch

Beautiful Next.js SaaS Starterkits, Blocks and guides. Built using Shadcn ui, Next.js 14, DrizzleORM, Resend, and more.

MIT / 434 Star

Rapidlaunch

Tech Stack

  • Framework: Next.js
  • Database: Postgres
  • Authentication: Auth.js
  • ORM: Drizzle
  • Payments: Lemonsqueezy
  • UI Library: Shadcn-ui

In addition to the above 8 open source projects , Awesome Shadcn UI also introduces other projects , you can visit Awesome Shadcn UI to learn more Shadcn related projects. If you have any other great SaaS templates, feel free to leave me a message.

Dev Diairies image

User Feedback & The Pivot That Saved The Project ↪️

We’re following the journey of a dev team building on the Stellar Network as they go from hackathon idea to funded startup, testing their product in the real world and adapting as they go.

Watch full video 🎥

Top comments (5)

Collapse
 
programmerraja profile image
Boopathi

This is a fantastic list of open-source Next.js SaaS templates! It's great to see so many options for different tech stacks and features. I'm especially interested in the ones using Cloudflare D1 and Supabase.

Collapse
 
bytefer profile image
Bytefer

Thanks, I'm using Drizzle and Cloudflare D1 in my project and the development experience is great.

Collapse
 
ishweta profile image
Shweta Jagtap

Just tried the Awake Next.js template and I'm genuinely impressed!

This isn't just a template; it's a fully animated experience. The fluidity and transitions based sections make it a engaging website.

Collapse
 
vaibhav_themarketer profile image
Vaibhav Gupta

Great list, I'd also like to mention Studiova, a clean and modern Business & Agency template built with Next.js and Tailwind.

Collapse
 
isanjayjoshi profile image
Sanjay Joshi

Great List

Gen AI apps are built with MongoDB Atlas

Gen AI apps are built with MongoDB Atlas

MongoDB Atlas is the developer-friendly database for building, scaling, and running gen AI & LLM apps—no separate vector DB needed. Enjoy native vector search, 115+ regions, and flexible document modeling. Build AI faster, all in one place.

Start Free

👋 Kindness is contagious

Explore this insightful piece, celebrated by the caring DEV Community. Programmers from all walks of life are invited to contribute and expand our shared wisdom.

A simple "thank you" can make someone’s day—leave your kudos in the comments below!

On DEV, spreading knowledge paves the way and fortifies our camaraderie. Found this helpful? A brief note of appreciation to the author truly matters.

Let’s Go!