SaaS UI

SaaSUI is a Next.js starter kit designed for SaaS and B2B projects, with a strong emphasis on design, accessibility, and development speed. It comes with out-of-the-box support for authentication, billing, multi-tenancy, and more. The kit includes a comprehensive component library, a fully-featured design system, and a set of best practices for building SaaS and B2B applications.

Authentication

SaaSUI uses Better Auth to manage user authentication, providing support for social logins such as Google and Facebook, as well as standard login, signup, and account management. Better Auth is pre-configured with GitHub OAuth and email/password authentication. Additional authentication options, such as Passkeys, can be easily integrated.

Alternatively, you can opt for Supabase Auth, an open-source Firebase alternative offering a Postgres database, authentication, and real-time data synchronization.

Accounts

Users can create and manage multiple workspaces. The system also supports team management, allowing users to invite others and assign roles.

Database

The project utilizes Drizzle as an ORM for managing the PostgreSQL database. Drizzle is designed to be simple to use and easy to understand, helping you become more proficient with SQL rather than abstracting it away. It also comes with Drizzle Studio, a visual tool that lets you explore and modify your database with ease.

Billing

SaaSUI integrates with Stripe for managing subscription plans and pricing. It supports per-seat pricing, team-based billing, metered billing, and usage-based pricing. The kit also includes functionality for grandfathering subscriptions for existing customers. Subscriptions can be managed through the Stripe Billing portal.

Style

For the UI, SaaSUI leverages Chakra UI, an accessible set of React components that helps in building high-quality web applications and design systems.

Feature Flags

Easily implement feature toggles for your billing plans with user-friendly hooks. When ready, you can connect Flagsmith or other remote configuration services to manage these toggles.

Onboarding

SaaSUI includes built-in support for adding user onboarding flows such as tours, hints, and inline documentation — all without hassle.

Monorepo

All the code is organized in a high-performance Turborepo, giving you full control to modify and tailor it to your workflow. All components and utilities are available as packages within the monorepo.