/saas-ui

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

Primary LanguageTypeScriptMIT LicenseMIT

Saas UI logo Saas UI logo

The React component library for Startups

NPM npm downloads MIT License follow on Twitter

Saas UI is an advanced component library designed to build beautiful B2B and dashboard style apps with speed. 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.

Links

💡 Documentation

🧭 Roadmap

🖼 Storybooks

🌟 Saas UI Pro

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 ordering Saas UI Pro Beta, all funds will go to the further development of Saas UI. This will give you access to the private Git repository with the beta and our private Discord server for support.

Core

40+ essential open source components built on top of Chakra UI. Everything you need to build

  • Authentication screens
  • Powerfull forms manager
  • DatePicker / DateRangePicker
  • Stepper, Timeline, DataTable 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
  • Glass theme
  • Onboarding flows

In progress

  • Example pages (CRM, Inbox)
  • Upselling flows (Trials, upgrades, etc)
  • 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.