/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, as well as the documentation website.

Links

💡 Documentation

🧭 Roadmap

🖼 Storybooks

🌟 Saas UI Pro

Sponsors ❤️

Saas UI is sponsored by these amazing companies and people.

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'd like to support the project financially, you can become a sponsor of Saas UI or consider ordering Saas UI Pro Beta. All funds will go toward 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.

  • Authentication screens
  • Powerful 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 or as a reference for your project.

theme-tokens

  • Example Next.js SaaS app (https://demo.saas-ui.dev)
  • Authentication screens (Supabase/Magic/Clerk/Custom)
  • App layout
  • DataGrid and DataBoard (Kanban) with filtering/pagination
  • User account pages
  • Settings pages
  • Feature flags
  • Billing/subscription management (Lemonsqueezy)
  • Mocked API with React Query
  • Custom color schemes
  • Glass theme
  • Onboarding flows
  • Example pages (CRM, Inbox)

Using this repo

The docs website depends on private packages (@saas-ui-pro/react), and won't build fully without access to the private Git submodule.

This repository uses Yarn workspaces, to get started run:

yarn

Storybook

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.