Skip to content

tailwind free version #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
phoenixcoded merged 4 commits into from
Jul 15, 2025
Merged

tailwind free version #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a619cda
tailwind free version
ct-dixit Jul 5, 2025
4f3d7d7
code move different folder and readme file content update
ct-dixit Jul 7, 2025
b431ac8
add buynow link
ct-viral Jul 8, 2025
3271cf5
Create prod.yml
phoenixcoded Jul 15, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
37 changes: 37 additions & 0 deletions .github/workflows/prod.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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/'
71 changes: 51 additions & 20 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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)
Expand Down Expand Up @@ -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
Expand All @@ -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/) |
| ------------------------------------------------------------------------------ | :----------------------------------------------------------------- |
Expand All @@ -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" >
Expand All @@ -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
Expand Down
Loading