Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saas-js/saas-ui
The React component library for startups, built with Chakra UI.
https://github.com/saas-js/saas-ui
accessible chakra-ui components design-system emotion library react react-components saas saas-boilerplate starter starter-kit ui uitkit
Last synced: 7 days ago
JSON representation
The React component library for startups, built with Chakra UI.
- Host: GitHub
- URL: https://github.com/saas-js/saas-ui
- Owner: saas-js
- License: mit
- Created: 2021-10-19T18:28:24.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-26T09:26:45.000Z (19 days ago)
- Last Synced: 2024-12-30T21:43:10.661Z (15 days ago)
- Topics: accessible, chakra-ui, components, design-system, emotion, library, react, react-components, saas, saas-boilerplate, starter, starter-kit, ui, uitkit
- Language: TypeScript
- Homepage: https://saas-ui.dev
- Size: 36.3 MB
- Stars: 1,382
- Watchers: 13
- Forks: 130
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome - saas-js/saas-ui - The React component library for startups, built with Chakra UI. (TypeScript)
- jimsghstars - saas-js/saas-ui - The React component library for startups, built with Chakra UI. (TypeScript)
README
The React component library for Startups
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](/packages), as well as the [documentation website](apps/website/pages/docs).
## Links
💡 [Documentation](https://saas-ui.dev/docs)
🧭 [Roadmap](https://roadmap.saas-ui.dev)
🖼 [Storybooks](https://storybook.saas-ui.pro)
🌟 [Saas UI Pro](https://saas-ui.dev/#pro-features)
## Sponsors ❤️
Saas UI is sponsored by these amazing companies and people.
- [LocalXPose](https://localxpose.io/)
- Frank Faubert
## Contributing & Support
Want to help? Great! Check out the [contributing guidelines](CONTRIBUTING.md) and feel free to open a PR or [discussion](https://github.com/saas-js/saas-ui/discussions/new) for feature requests and feedback.
If you'd like to support the project financially, you can [become a sponsor](https://github.com/sponsors/saas-js) of Saas UI or consider ordering [Saas UI Pro Beta](https://saas-ui.lemonsqueezy.com/checkout/buy/5c76854f-738a-46b8-b32d-932a97d477f5). 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.
- 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:
```bash
yarn
```
### Storybook
```bash
yarn storybook
```
### Build
```bash
yarn build:packages
```
### Website
Before running the website you need to build the props-docs by running this.
```bash
yarn build:props-docs
```
After that run the website with this command.
```bash
yarn w website dev
```
or
```bash
cd apps/website && yarn dev
```
## License
All code in this repository, except for the Saas UI branding assets are licensed under MIT.