First Commit
This commit is contained in:
+146
@@ -0,0 +1,146 @@
|
||||
# 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)
|
||||
Reference in New Issue
Block a user