/saas-ui

The frontend stack for SaaS companies, build 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 build 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! Saas UI Core is almost ready, but we need more feedback to fine tune the final release.

If you like to support the project financially 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 ❤️.

Roadmap

Saas UI core v1.0 will be released in June.

Saas UI pro is in private beta. Pre-order to get early access.

Core

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

  • Finish all v1 core components and hooks
  • Full test coverage
  • React 18 support

Pro

A premium 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)

In progress

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

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.