Skip to content

Commit 76b0d68

Browse files
authored
Merge pull request #32 from phoenixcoded/dev-tailwind
free theme update
2 parents 2b2df23 + 4704560 commit 76b0d68

45 files changed

Lines changed: 2117 additions & 1050 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ gulp
6969
| Ui Kit React Free | [**Live Preview**](https://free.saasable.io/) | [**Download**](https://github.com/phoenixcoded/saasable-ui/)</span> |
7070
| Ui Kit React Pro | [**Live Preview**](https://saasable.io/) | [**Download**](https://mui.com/store/items/saasable-multipurpose-ui-kit-and-dashboard/)</span> |
7171
| Ui Kit Tailwind Free | [**Live Preview**](https://tailwind.saasable.io/free) | [**Download**](https://github.com/phoenixcoded/saasable-ui)</span> |
72-
| 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> |
72+
| Ui Kit Tailwind Pro | [**Live Preview**](https://tailwind.saasable.io/) | [**Download**](https://codedthemes.com/item/saasable-tailwind-ui-kit/)</span> |
7373

7474
## Deploy your own
7575

uikit/tailwind/dist/assets/css/style.css

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
88
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
99
"Courier New", monospace;
10-
--color-red-500: oklch(63.7% 0.237 25.331);
1110
--color-gray-600: oklch(44.6% 0.03 256.802);
1211
--color-gray-900: oklch(21% 0.034 264.665);
1312
--color-neutral-50: var(--neutral-50);
@@ -560,9 +559,6 @@
560559
.h-\[308px\] {
561560
height: 308px;
562561
}
563-
.h-\[320px\] {
564-
height: 320px;
565-
}
566562
.h-\[380px\] {
567563
height: 380px;
568564
}
@@ -1497,9 +1493,6 @@
14971493
.text-primary-500 {
14981494
color: var(--color-primary-500);
14991495
}
1500-
.text-red-500 {
1501-
color: var(--color-red-500);
1502-
}
15031496
.text-theme-text-primary {
15041497
color: var(--color-theme-text-primary);
15051498
}
@@ -3744,6 +3737,13 @@
37443737
}
37453738
}
37463739
}
3740+
.ltr\:lg\:rotate-\[0deg\] {
3741+
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
3742+
@media (width >= 64rem) {
3743+
rotate: 0deg;
3744+
}
3745+
}
3746+
}
37473747
.ltr\:lg\:transform-none {
37483748
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
37493749
@media (width >= 64rem) {

uikit/tailwind/dist/assets/images/presentation/benefits-dark.svg renamed to uikit/tailwind/dist/assets/images/presentation/metrics-dark.svg

File renamed without changes.

uikit/tailwind/dist/assets/images/presentation/benefits-light.svg renamed to uikit/tailwind/dist/assets/images/presentation/metrics-light.svg

File renamed without changes.
Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
/**
2+
=========================================================================
3+
=========================================================================
4+
Template Name: SaasAble - Tailwind Multipurpose UI Kit
5+
Author: Phoenixcoded
6+
Support: https://phoenixcoded.authordesk.app
7+
File: tech-stack.js
8+
Description: this file will contains code for handling Buynow link.
9+
=========================================================================
10+
=========================================================================
11+
*/
12+
13+
var BuyNowLink = '';
14+
var ref = "";
15+
16+
function getQueryStringParameters() {
17+
const queryString = window.location.search;
18+
const params = new URLSearchParams(queryString);
19+
if (params.get('ref') == 'tf') {
20+
ref = "tf"
21+
sessionStorage.setItem('ref', ref);
22+
}
23+
check_auth();
24+
function check_auth() {
25+
if (sessionStorage.getItem('ref', ref)) {
26+
BuyNowLink = 'https://codedthemes.com/item/saasable-tailwind-ui-kit/';
27+
} else {
28+
try {
29+
BuyNowLink = 'https://codedthemes.com/item/saasable-tailwind-ui-kit/';
30+
if (ref == "tf") {
31+
BuyNowLink = 'https://codedthemes.com/item/saasable-tailwind-ui-kit/';
32+
}
33+
} catch (err) {
34+
BuyNowLink = 'https://codedthemes.com/item/saasable-tailwind-ui-kit/';
35+
}
36+
}
37+
}
38+
39+
document.addEventListener('DOMContentLoaded', function () {
40+
var elem = document.querySelectorAll('.buy_now_link');
41+
for (var j = 0; j < elem.length; j++) {
42+
elem[j].setAttribute('href', BuyNowLink);
43+
}
44+
});
45+
}
46+
getQueryStringParameters();
47+
48+
function changebrand(word) {
49+
// Map brand names to their corresponding classes
50+
const brandClasses = {
51+
Themeforest: 'tf',
52+
Codedthemes: 'ct'
53+
};
54+
55+
// Get the class to show based on the word
56+
const showClass = brandClasses[word] || null;
57+
if (!showClass) return; // Exit if no matching brand
58+
59+
// Select all elements for both classes
60+
const tfElements = document.querySelectorAll('.tf');
61+
const ctElements = document.querySelectorAll('.ct');
62+
63+
// Helper to toggle display
64+
function toggleDisplay(elements, show) {
65+
elements.forEach(el => el.style.display = show ? '' : 'none');
66+
}
67+
68+
// Show elements with the matched class, hide others
69+
toggleDisplay(tfElements, showClass === 'tf');
70+
toggleDisplay(ctElements, showClass === 'ct');
71+
}
72+
73+
document.addEventListener('DOMContentLoaded', () => {
74+
if (ref === "tf") {
75+
changebrand('Themeforest');
76+
} else {
77+
changebrand('Codedthemes');
78+
}
79+
})

uikit/tailwind/dist/block/about.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
216216
</div>
217217
<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>
218218
</div>
219-
<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>
219+
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
220220
</div>
221221
</div>
222222
</div>
@@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
409409
<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]">
410410
<i class="ti ti-brand-github text-lg leading-none"></i>
411411
</a>
412-
<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>
412+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
413413
</div>
414414
</div>
415415
</div>
@@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
453453
<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]">
454454
<i class="ti ti-brand-github text-lg leading-none"></i>
455455
</a>
456-
<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>
456+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
457457
</div>
458458
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
459459
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">

uikit/tailwind/dist/block/benefit.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
216216
</div>
217217
<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>
218218
</div>
219-
<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>
219+
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
220220
</div>
221221
</div>
222222
</div>
@@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
409409
<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]">
410410
<i class="ti ti-brand-github text-lg leading-none"></i>
411411
</a>
412-
<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>
412+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
413413
</div>
414414
</div>
415415
</div>
@@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
453453
<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]">
454454
<i class="ti ti-brand-github text-lg leading-none"></i>
455455
</a>
456-
<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>
456+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
457457
</div>
458458
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
459459
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">

uikit/tailwind/dist/block/block.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
216216
</div>
217217
<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>
218218
</div>
219-
<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>
219+
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
220220
</div>
221221
</div>
222222
</div>
@@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
409409
<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]">
410410
<i class="ti ti-brand-github text-lg leading-none"></i>
411411
</a>
412-
<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>
412+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
413413
</div>
414414
</div>
415415
</div>
@@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
453453
<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]">
454454
<i class="ti ti-brand-github text-lg leading-none"></i>
455455
</a>
456-
<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>
456+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
457457
</div>
458458
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
459459
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">

uikit/tailwind/dist/block/blog.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
216216
</div>
217217
<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>
218218
</div>
219-
<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>
219+
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
220220
</div>
221221
</div>
222222
</div>
@@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
409409
<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]">
410410
<i class="ti ti-brand-github text-lg leading-none"></i>
411411
</a>
412-
<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>
412+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
413413
</div>
414414
</div>
415415
</div>
@@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
453453
<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]">
454454
<i class="ti ti-brand-github text-lg leading-none"></i>
455455
</a>
456-
<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>
456+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
457457
</div>
458458
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
459459
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">

uikit/tailwind/dist/block/clientele.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -216,7 +216,7 @@ <h6 class="caption flex flex-row items-center">
216216
</div>
217217
<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>
218218
</div>
219-
<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>
219+
<a href="@@buy_now" target="_blank" class="buy_now_link btn btn-primary px-4 py-2.5 shrink-0">Buy Now</a>
220220
</div>
221221
</div>
222222
</div>
@@ -409,7 +409,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
409409
<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]">
410410
<i class="ti ti-brand-github text-lg leading-none"></i>
411411
</a>
412-
<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>
412+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn">Buy Now</a>
413413
</div>
414414
</div>
415415
</div>
@@ -453,7 +453,7 @@ <h4>Kickstart your project with pre-built essentials pages.</h4>
453453
<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]">
454454
<i class="ti ti-brand-github text-lg leading-none"></i>
455455
</a>
456-
<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>
456+
<a href="@@buy_now" target="_blank" class="buy_now_link btn-primary btn max-sm:hidden">Buy Now</a>
457457
</div>
458458
<button data-pc-toggle="nav-collapse" type="button" data-pc-target="#main-navbar-collapse"
459459
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">

0 commit comments

Comments
 (0)