cesnimda
147 lines
8.0 KiB
Markdown
147 lines
8.0 KiB
Markdown
# SaasAble Free React Material UI, UI-Kit
|
||
|
||
[](https://opensource.org/licenses/MIT)
|
||
[](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE)
|
||
|
||
SaasAble is a complete solution for building SaaS products as well as non-SaaS products. Whether you’re creating a user-friendly front-end or a powerful admin dashboard, SaasAble has all the tools you need. It’s also flexible — perfect not just for SaaS but also for agencies, digital products, CRMs, blogs, AI platforms, project management, learning systems, and more.
|
||
|
||
✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine
|
||
|
||
|
||
|
||
## Table of contents
|
||
|
||
- [Getting Started](#getting-started)
|
||
- [Download](#download)
|
||
- [Why SaasAble?](#why-saasable)
|
||
- [What's included in Premium Version?](#whats-included-in-premium-version)
|
||
- [Documentation](#documentation)
|
||
- [Browser support](#browser-support)
|
||
- [Technology Stack](#technology-stack)
|
||
- [SaasAble Figma UI Kit](#saasable-figma-ui-kit)
|
||
- [More products from PhoenixCoded](#more-products-from-phoenixcoded)
|
||
- [Issues?](#issues)
|
||
- [License](#license)
|
||
- [Contributor](#contributor)
|
||
- [Follow us](#follow-us)
|
||
|
||
## Getting Started
|
||
|
||
1. Clone from Github
|
||
|
||
```
|
||
git clone https://github.com/phoenixcoded/saasable-ui.git
|
||
```
|
||
|
||
2. Goto `uikit/react` directory and Install Packages
|
||
|
||
```
|
||
npm install
|
||
```
|
||
|
||
3. Run project
|
||
|
||
```
|
||
npm run dev
|
||
```
|
||
|
||
## Download
|
||
|
||
| Product | Preview | Download |
|
||
| -------------------- | ------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------- |
|
||
| Ui Kit React Free | [**Live Preview**](https://free.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui/)</span> |
|
||
| Ui Kit React Pro | [**Live Preview**](https://saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/)</span> |
|
||
|
||
|
||
## Why SaasAble?
|
||
|
||
The SaasAble theme is a modern, responsive, and highly customizable solution for SaaS applications, dashboards, and admin panels. It comes with pre-built components, dark and light modes, and is optimized for performance and scalability. With regular updates. It saves development time while ensuring a professional and polished UI.
|
||
|
||
- Modern & Responsive Design
|
||
- Pre-Built Components & Layouts
|
||
- Fully Responsive, all modern browser supported
|
||
- Customizable & Scalable
|
||
- Dark & Light Modes
|
||
- Performance Optimized
|
||
- Integration Ready
|
||
- Easy Documentation Guide
|
||
|
||
## What's included in Premium Version?
|
||
|
||
Looking for even more features? Check out SaasAble's [premium version](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/), which offers a complete UI solution that includes both Front End UI components (like Hero sections, CTAs, and Footers) and Admin Interface components (such as Roles & Permissions pages, Analytics dashboards, and Billing systems).
|
||
|
||
| [SaasAble Ui Kit React Free](https://free.saasable.io/) | [SaasAble Ui Kit React Pro](https://www.saasable.io/) |
|
||
| ------------------------------------------------------------------------------ | :---------------------------------------------------- |
|
||
| **1** Demo Landing | **7+** Demo Landing |
|
||
| **25** Component Blocks | **200+** Component blocks |
|
||
| - | ✓ Dark/Light Mode 🌓 |
|
||
| - | ✓ TypeScript version |
|
||
| - | ✓ Design files (Figma) |
|
||
| - | ✓ Multiple color options |
|
||
| - | ✓ RTL |
|
||
| - | ✓ Supabase authentication |
|
||
| - | ✓ [More components](https://saasable.io/sections) |
|
||
| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://mui.com/store/license/) |
|
||
|
||
## Documentation
|
||
|
||
[SaasAble Documentation](https://phoenixcoded.gitbook.io/saasable) helps you with installation, deployment, and troubleshooting.
|
||
|
||
## Browser support
|
||
|
||
<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/chrome.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/edge.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/safari.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/firefox.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/opera.png" width="45" height="45" >
|
||
|
||
## Technology Stack
|
||
|
||
- React 19
|
||
- Next js
|
||
- TypeScript
|
||
- Material UI v7
|
||
- JavaScript
|
||
- Material 3
|
||
- Figma
|
||
- npm/yarn package installer
|
||
|
||
## SaasAble Figma UI Kit
|
||
|
||
|
||
|
||
<div>
|
||
<a href="https://codedthemes.com/item/mantis-free-figma-ui-kit/">
|
||
<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Figma_Free_SaasAble.png" width="450" alt="Figma Free">
|
||
</a>
|
||
<a href="https://codedthemes.com/item/mantis-figma-ui-kit/">
|
||
<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Figma_Pro_SaasAble.png" width="450" alt="Figma Pro">
|
||
</a>
|
||
</div>
|
||
|
||
## More products from PhoenixCoded
|
||
|
||
| Dashboard | FREE | PRO |
|
||
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------ |
|
||
| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Light+Able+with+name.png" height="30" style="display:inline-block; vertical-align:middle;"> | - | [**Pro**](https://1.envato.market/EKD9M4)</span> |
|
||
| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Ablepro_with_name.png" height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | [**Pro**](https://1.envato.market/zNkqj6)</span> |
|
||
|
||
## Issues
|
||
|
||
To report a bug, please submit an [issue](https://github.com/phoenixcoded/saasable-ui/issues) on Github. We will respond as soon as possible to resolve the issue.
|
||
|
||
## License
|
||
|
||
- Licensed cover under [MIT](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE)
|
||
|
||
## Contributor
|
||
|
||
**PhoenixCoded Team**
|
||
|
||
- https://github.com/phoenixcoded
|
||
|
||
**Brijesh Dobariya**
|
||
|
||
- https://x.com/dobaria_brijesh
|
||
|
||
## Follow us
|
||
|
||
- [Github](https://github.com/phoenixcoded)
|
||
- [Phoenixcoded](https://themeforest.net/user/phoenixcoded)
|