/saas-ui

The React component library for startups, built with Chakra UI.

Primary LanguageTypeScriptMIT LicenseMIT

Saas UI

The React component library for Startups

NPM npm downloads MIT License follow on Twitter

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! Check out the contributing guidelines and 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.

theme-tokens

  • Example SaaS app (NextJS & Electron)
  • Authentication screens (Supabase/Magic/Clerk/Custom)
  • App layout
  • DataGrid with filtering/pagination
  • User profiles
  • Charts / Sparklines
  • Settings pages
  • Feature flags
  • Billing/subscription management (Paddle)
  • Mock graph api (MSW)
  • 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 private packages (@saas-ui/pro). If you don't have access to the Pro repository, remove "apps/*", from workspaces in package.json before running yarn. This will allow you to install all dependencies, and run Storybooks for local development.

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, except for the Saas UI branding assets are licensed under MIT.