Skip to content

Stage #33

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
ct-viral merged 2 commits into from
Jan 27, 2026
Merged

Stage #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4704560
free theme update
ct-viral Jan 27, 2026
76b0d68
Merge pull request #32 from phoenixcoded/dev-tailwind
ct-viral Jan 27, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ gulp
| 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> |
| Ui Kit Tailwind Pro | [**Live Preview**](https://tailwind.saasable.io/) | [**Download**](https://codedthemes.com/item/saasable-tailwind-ui-kit/)</span> |

## Deploy your own

Expand Down
14 changes: 7 additions & 7 deletions uikit/tailwind/dist/assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-red-500: oklch(63.7% 0.237 25.331);
--color-gray-600: oklch(44.6% 0.03 256.802);
--color-gray-900: oklch(21% 0.034 264.665);
--color-neutral-50: var(--neutral-50);
Expand Down Expand Up @@ -560,9 +559,6 @@
.h-\[308px\] {
height: 308px;
}
.h-\[320px\] {
height: 320px;
}
.h-\[380px\] {
height: 380px;
}
Expand Down Expand Up @@ -1497,9 +1493,6 @@
.text-primary-500 {
color: var(--color-primary-500);
}
.text-red-500 {
color: var(--color-red-500);
}
.text-theme-text-primary {
color: var(--color-theme-text-primary);
}
Expand Down Expand Up @@ -3744,6 +3737,13 @@
}
}
}
.ltr\:lg\:rotate-\[0deg\] {
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
@media (width >= 64rem) {
rotate: 0deg;
}
}
}
.ltr\:lg\:transform-none {
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
@media (width >= 64rem) {
Expand Down
0 ...ets/images/presentation/benefits-dark.svg → ...sets/images/presentation/metrics-dark.svg
View file
Open in desktop
File renamed without changes
0 ...ts/images/presentation/benefits-light.svg → ...ets/images/presentation/metrics-light.svg
View file
Open in desktop
File renamed without changes
79 changes: 79 additions & 0 deletions uikit/tailwind/dist/assets/js/tech-stack.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
/**
=========================================================================
=========================================================================
Template Name: SaasAble - Tailwind Multipurpose UI Kit
Author: Phoenixcoded
Support: https://phoenixcoded.authordesk.app
File: tech-stack.js
Description: this file will contains code for handling Buynow link.
=========================================================================
=========================================================================
*/

var BuyNowLink = '';
var ref = "";

function getQueryStringParameters() {
const queryString = window.location.search;
const params = new URLSearchParams(queryString);
if (params.get('ref') == 'tf') {
ref = "tf"
sessionStorage.setItem('ref', ref);
}
check_auth();
function check_auth() {
if (sessionStorage.getItem('ref', ref)) {
BuyNowLink = 'https://codedthemes.com/item/saasable-tailwind-ui-kit/';
} else {
try {
BuyNowLink = 'https://codedthemes.com/item/saasable-tailwind-ui-kit/';
if (ref == "tf") {
BuyNowLink = 'https://codedthemes.com/item/saasable-tailwind-ui-kit/';
}
} catch (err) {
BuyNowLink = 'https://codedthemes.com/item/saasable-tailwind-ui-kit/';
}
}
}

document.addEventListener('DOMContentLoaded', function () {
var elem = document.querySelectorAll('.buy_now_link');
for (var j = 0; j < elem.length; j++) {
elem[j].setAttribute('href', BuyNowLink);
}
});
}
getQueryStringParameters();

function changebrand(word) {
// Map brand names to their corresponding classes
const brandClasses = {
Themeforest: 'tf',
Codedthemes: 'ct'
};

// Get the class to show based on the word
const showClass = brandClasses[word] || null;
if (!showClass) return; // Exit if no matching brand

// Select all elements for both classes
const tfElements = document.querySelectorAll('.tf');
const ctElements = document.querySelectorAll('.ct');

// Helper to toggle display
function toggleDisplay(elements, show) {
elements.forEach(el => el.style.display = show ? '' : 'none');
}

// Show elements with the matched class, hide others
toggleDisplay(tfElements, showClass === 'tf');
toggleDisplay(ctElements, showClass === 'ct');
}

document.addEventListener('DOMContentLoaded', () => {
if (ref === "tf") {
changebrand('Themeforest');
} else {
changebrand('Codedthemes');
}
})
6 changes: 3 additions & 3 deletions uikit/tailwind/dist/block/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
</div>
<p class="body2 block">SaasAble offers 200+ customizable blocks, empowering you to effortlessly design and build landing pages tailored to your product or service needs.</p>
</div>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="max-sm:hidden flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn max-sm:hidden">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
</div>
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
class="inline-flex ltr:ml-2 rtl:mr-2 items-center p-2 w-10 h-10 justify-center text-sm text-neutral-900 rounded-full lg:hidden hover:bg-neutral-100 focus:outline-none focus:ring-2 focus:ring-neutral-200 dark:focus:ring-gray-600">
Expand Down
6 changes: 3 additions & 3 deletions uikit/tailwind/dist/block/benefit.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
</div>
<p class="body2 block">SaasAble offers 200+ customizable blocks, empowering you to effortlessly design and build landing pages tailored to your product or service needs.</p>
</div>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="max-sm:hidden flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn max-sm:hidden">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
</div>
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
class="inline-flex ltr:ml-2 rtl:mr-2 items-center p-2 w-10 h-10 justify-center text-sm text-neutral-900 rounded-full lg:hidden hover:bg-neutral-100 focus:outline-none focus:ring-2 focus:ring-neutral-200 dark:focus:ring-gray-600">
Expand Down
6 changes: 3 additions & 3 deletions uikit/tailwind/dist/block/block.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
</div>
<p class="body2 block">SaasAble offers 200+ customizable blocks, empowering you to effortlessly design and build landing pages tailored to your product or service needs.</p>
</div>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="max-sm:hidden flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn max-sm:hidden">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
</div>
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
class="inline-flex ltr:ml-2 rtl:mr-2 items-center p-2 w-10 h-10 justify-center text-sm text-neutral-900 rounded-full lg:hidden hover:bg-neutral-100 focus:outline-none focus:ring-2 focus:ring-neutral-200 dark:focus:ring-gray-600">
Expand Down
6 changes: 3 additions & 3 deletions uikit/tailwind/dist/block/blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
</div>
<p class="body2 block">SaasAble offers 200+ customizable blocks, empowering you to effortlessly design and build landing pages tailored to your product or service needs.</p>
</div>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="max-sm:hidden flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn max-sm:hidden">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
</div>
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
class="inline-flex ltr:ml-2 rtl:mr-2 items-center p-2 w-10 h-10 justify-center text-sm text-neutral-900 rounded-full lg:hidden hover:bg-neutral-100 focus:outline-none focus:ring-2 focus:ring-neutral-200 dark:focus:ring-gray-600">
Expand Down
6 changes: 3 additions & 3 deletions uikit/tailwind/dist/block/clientele.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
</div>
<p class="body2 block">SaasAble offers 200+ customizable blocks, empowering you to effortlessly design and build landing pages tailored to your product or service needs.</p>
</div>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="max-sm:hidden flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn max-sm:hidden">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
</div>
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
class="inline-flex ltr:ml-2 rtl:mr-2 items-center p-2 w-10 h-10 justify-center text-sm text-neutral-900 rounded-full lg:hidden hover:bg-neutral-100 focus:outline-none focus:ring-2 focus:ring-neutral-200 dark:focus:ring-gray-600">
Expand Down
6 changes: 3 additions & 3 deletions uikit/tailwind/dist/block/color.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
</div>
<p class="body2 block">SaasAble offers 200+ customizable blocks, empowering you to effortlessly design and build landing pages tailored to your product or service needs.</p>
</div>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
<a href="https://github.com/phoenixcoded/saasable-ui" target="_blank" type="button" class="max-sm:hidden flex items-center justify-center h-10 w-10 rounded-full btn-outline-primary p-[9px_24px]">
<i class="ti ti-brand-github text-lg leading-none"></i>
</a>
<a href="https://themeforest.net/item/saasable-tailwind-multipurpose-ui-kit-for-saas-startup-agency/58488275" target="_blank" class="btn-primary btn max-sm:hidden">Buy Now</a>
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
</div>
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
class="inline-flex ltr:ml-2 rtl:mr-2 items-center p-2 w-10 h-10 justify-center text-sm text-neutral-900 rounded-full lg:hidden hover:bg-neutral-100 focus:outline-none focus:ring-2 focus:ring-neutral-200 dark:focus:ring-gray-600">
Expand Down
Loading