Saas UI

The React component library for Startups

Saas UI is an advanced component library that helps you build essential SaaS functionality in hours instead of weeks.

It's built on top of Chakra UI and fully written in Typescript.

This repository contains all open source components, aswell as the documentation website.

Documentation

You can find the documentation on our website:

https://www.saas-ui.dev/docs/introduction

Contributing & Support

Want to help? Great! Feel free to open a PR or discussion for feature requests and feedback.

If you like to support the project financially you can Sponsor Saas UI, or consider Pre-ordering Saas UI Pro, all funds will go to the further development of Saas UI. This will give you access to the development version and our private Discord server. As an early adopter you will get 50% discount on the final price, life-time access, free updates and a lot of love ❤️.

Core

30+ essential open source components built on top of Chakra UI. Including fully functional auth screens, forms (with react-hook-form), modal manager, and much more.

Pro

A premium frontend starter pack designed for SaaS products. Complete source code available in a monorepo that can serve as a starting point for your project.

• [x] Example SaaS app (NextJS & Electron)
• [x] Authentication screens (Supabase/Magic/Clerk/Custom)
• [x] App layout
• [x] DataGrid with filtering/pagination
• [x] User profiles
• [x] Charts / Sparklines
• [x] Settings pages
• [x] Feature flags
• [x] Billing/subscription management (Paddle)
• [x] Mock graph api (MSW)
• [x] Custom color schemes

In progress

• [ ] Example pages (CRM, Inbox, CRUD)
• [ ] Onboarding flows
• [ ] Upselling flows (Trials, upgrades, etc)
• [ ] Saas UI themes
• [ ] File uploads

Using this repo

The docs website depends on packages hosted on a private NPM registry, so installing won't work without a valid Pro license key. To circumvent this, remove @saas-ui/pro and @saas-ui/features from apps/website/package.json and run install.

Storybook

https://storybook.saas-ui.pro

Or run locally:

yarn storybook

Build

yarn build:packages

Website

Before running the website you need to build the props-docs by running this.

yarn build:props-docs

After that run the website with this command.

yarn w website dev

or

cd apps/website && yarn dev

License

All code in this repository, accept for the Saas UI branding assets are licensed under MIT.