# SaasAble Free React Material UI, UI-Kit

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Price](https://img.shields.io/badge/price-FREE-0098f7.svg)](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

![SaasAble Free React UI kit and Dashboard Template](https://ableproadmin.com/adv-banner-saasable/adv-github.png)

## 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>&nbsp;&nbsp;&nbsp;&nbsp;
  <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)