tailwind free version (#17)

* tailwind free version

* code move different  folder and readme file content update

* add buynow link

* Create prod.yml

---------

Co-authored-by: ct-viral <[email protected]>
Co-authored-by: Phoenixcoded <[email protected]>

Author: 3 people

.github/workflows/prod.yml

@@ -0,0 +1,37 @@
+name: Prod deploy
+
+# Controls when the action will run.
+on:
+  # Triggers the workflow on push or pull request events, but only for the main branch
+  push:
+    branches:
+      - main
+    paths:
+      - 'uikit/tailwind/**'
+  pull_request:
+    types:
+      - closed
+    branches:
+      - main
+
+jobs:
+  if_merged:
+    if: github.event.pull_request.merged == true
+    name: 🎉 Prod Deploy
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: 🚚 Get latest code
+        uses: actions/checkout@v4
+
+      - name: 📂 Deploy to Server
+        uses: easingthemes/ssh-deploy@v4
+        env:
+          SSH_PRIVATE_KEY: ${{ secrets.SERVER_SSH_KEY }}
+          # ARGS: "-rltgoDzvO --delete"
+          SOURCE: 'dist/'
+          REMOTE_HOST: 145.79.3.173
+          REMOTE_USER: u965251139
+          REMOTE_PORT: "65002"
+          TARGET: domains/tailwind.saasable.io/public_html/free
+          EXCLUDE: '/node_modules/'

README.md

@@ -1,4 +1,4 @@
-# SaasAble Free React Material UI, UI-Kit with Dashboard Template
+# SaasAble Free Tailwind & React Material UI, UI-Kit with 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)
@@ -33,31 +33,49 @@ SaasAble is a complete solution for building SaaS products as well as non-SaaS p
 git clone https://github.com/phoenixcoded/saasable-ui.git
 ```
 
-2. Goto `uikit / admin` directory and Install Packages
+2. Goto `uikit / admin / tailwind` directory and Install Packages
 
 ```
 npm install
 ```
 
 3. Run project
 
+For React
+
 ```
+For React
+
 npm run dev
 ```
 
+```
+For Tailwind
+
+gulp
+```
+
 ## Download
 
-| Product     | Preview                                             | Download                                                                                       |
-| ----------- | --------------------------------------------------- | ---------------------------------------------------------------------------------------------- |
-| Admin Free  | [**Live Preview**](https://free.admin.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui)</span>                             |
-| Admin Pro   | [**Live Preview**](https://admin.saasable.io/)      | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/)</span> |
-| Ui Kit Free | [**Live Preview**](https://free.saasable.io/)       | [**Download**](https://github.com/phoenixcoded/saasable-ui/)</span>                            |
-| Ui Kit Pro  | [**Live Preview**](https://saasable.io/)            | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/)</span> |
+| Product              | Preview                                               | Download                                                                                                                            |
+| -------------------- | ----------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
+| Admin Free           | [**Live Preview**](https://free.admin.saasable.io/)   | [**Download**](https://github.com/phoenixcoded/saasable-ui)</span>                                                                  |
+| Admin Pro            | [**Live Preview**](https://admin.saasable.io/)        | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/)</span>                                      |
+| 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>                                      |
+| Ui Kit Tailwind Free | [**Live Preview**](https://tailwind.saasable.io/free) | [**Download**](https://github.com/phoenixcoded/saasable-ui)</span>                                                                  |
+| Ui Kit Tailwind Pro  | [**Live Preview**](https://tailwind.saasable.io/)     | [**Download**](https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275?s_rank=1)</span> |
 
 ## Why SaasAble?
 
+<b>React</b>
+
 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.
 
+<b>Tailwind</b>
+
+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
@@ -71,18 +89,18 @@ The SaasAble theme is a modern, responsive, and highly customizable solution for
 
 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 Free](https://free.saasable.io/)                              | [SaasAble Ui Kit 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/)   |
+| [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/)       |
 
 | [SaasAble Admin Free](https://free.saasable.io/)                               | [SaasAble Admin Pro](https://www.saasable.io/)                     |
 | ------------------------------------------------------------------------------ | :----------------------------------------------------------------- |
@@ -97,10 +115,22 @@ 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://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 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
 
 <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" >
@@ -114,6 +144,7 @@ Looking for even more features? Check out SaasAble's [premium version](https://m
 - JavaScript
 - Material 3
 - Figma
+- Tailwind
 - npm/yarn package installer
 
 ## SaasAble Figma UI Kit