+
Limited time offer
-
+
Hobby
-
- $129
+
+ $129
$29
- Forever
+ Forever
-
+
Support open-source development 🚀. Plus, get added benefits.
-
- -
-
+
+ -
+
Access to web-based editor
- -
-
+
-
+
Downloadable UI builder exe for local development
- -
-
+
-
+
Preview live
- -
-
+
-
+
Save and load files
- -
-
+
-
+
Load plugins locally
- -
-
+
-
+
Load local UI templates
- -
-
+
-
+
Dark theme
- -
-
+
-
+
Priority support
- -
-
+
-
+
Early access to new features
- -
-
+
-
+
Support for PySlide/PyQt
- -
-
+
-
+
Commercial use
@@ -426,76 +316,75 @@
href="https://ko-fi.com/s/4a3dffb3b9"
target="_blank"
rel="noreferrer noopener"
- className="tw-mt-8 !tw-bg-purple-500 !tw-text-white tw-gap-2 tw-text-lg tw-rounded-md !tw-font-semibold tw-w-full tw-flex tw-place-content-center tw-p-2 tw-mx-2"
+ class="tw-mt-8 !tw-bg-purple-500 !tw-text-white tw-gap-2 tw-text-lg tw-rounded-md !tw-font-semibold tw-w-full tw-flex tw-place-content-center tw-p-2 tw-mx-2"
>
Buy License
-
+
- {/* Paid Plan */}
-
-
+
Limited time offer
-
+
Commercial
-
- $180
+
+ $180
$49
- Forever
+ Forever
-
+
Support open-source development 🚀. Plus, get added benefits.
-
- -
-
+
+ -
+
Access to web-based editor
- -
-
+
-
+
Downloadable UI builder exe for local development
- -
-
+
-
+
Preview live
- -
-
+
-
+
Save and load files
- -
-
+
-
+
Load plugins locally
- -
-
+
-
+
Load local UI templates
- -
-
+
-
+
Dark theme
- -
-
+
-
+
Priority support
- -
-
+
-
+
Early access to new features
- -
-
+
-
+
Support for PySlide/PyQt
- -
-
+
-
+
Commercial use
@@ -505,7 +394,7 @@
href="https://ko-fi.com/s/560a3b6b05"
target="_blank"
rel="noreferrer noopener"
- className="tw-mt-8 !tw-bg-purple-500 !tw-text-white tw-gap-2 tw-text-lg tw-rounded-md !tw-font-semibold tw-w-full tw-flex tw-place-content-center tw-p-2 tw-mx-2"
+ class="tw-mt-8 !tw-bg-purple-500 !tw-text-white tw-gap-2 tw-text-lg tw-rounded-md !tw-font-semibold tw-w-full tw-flex tw-place-content-center tw-p-2 tw-mx-2"
>
Buy License
@@ -518,7 +407,7 @@
class="tw-flex tw-w-full tw-flex-col tw-place-content-center tw-place-items-center tw-gap-[10%] tw-p-[5%] tw-px-[10%]"
>
Faq
@@ -535,11 +424,10 @@
- Yes, this is an open-source project, you can visit the
- source code on
+ Yes, source code is available at
Github
@@ -550,11 +438,11 @@
- Can I try the extension for free?
+ Can I try the PyUIBuilder for free?
- Yes, the chrome extension is free to use forever, however to support
+ Yes, PyUIBuilder is free to use forever, however to support
open-source development, some features are only available to premium users.
@@ -607,7 +495,7 @@
class="tw-flex tw-h-full tw-w-[250px] tw-flex-col tw-place-items-center tw-gap-6 max-md:tw-w-full"
>
-
-
diff --git a/landingpages/landingpage/index.js b/landingpages/landingpage/index.js
index 9eb6501..99bc643 100644
--- a/landingpages/landingpage/index.js
+++ b/landingpages/landingpage/index.js
@@ -64,7 +64,7 @@ gsap.to(".reveal-up", {
y: "100%",
})
-const slideShowContainer = document.querySelector("#slideshow")
+// const slideShowContainer = document.querySelector("#slideshow")
gsap.fromTo(".slide-in", {
y: "100%"
@@ -150,6 +150,6 @@ sections.forEach((sec) => {
-const reviewContainer = document.querySelector(".review-container")
-const reviewSlideShow = new SlideShow(reviewContainer, true, 10000)
+// const reviewContainer = document.querySelector(".review-container")
+// const reviewSlideShow = new SlideShow(reviewContainer, true, 10000)
diff --git a/landingpages/tailwind/tailwind-runtime.css b/landingpages/tailwind/tailwind-runtime.css
index 5043e91..6e94061 100644
--- a/landingpages/tailwind/tailwind-runtime.css
+++ b/landingpages/tailwind/tailwind-runtime.css
@@ -585,10 +585,6 @@ video {
top: 0.5rem;
}
-.tw-top-20 {
- top: 5rem;
-}
-
.tw-top-3 {
top: 0.75rem;
}
@@ -651,10 +647,6 @@ video {
margin-top: 2rem;
}
-.tw-mt-\[5\%\] {
- margin-top: 5%;
-}
-
.tw-mt-auto {
margin-top: auto;
}
@@ -699,10 +691,6 @@ video {
height: 60px;
}
-.tw-h-\[80px\] {
- height: 80px;
-}
-
.tw-h-\[90vh\] {
height: 90vh;
}
@@ -719,10 +707,6 @@ video {
max-height: 120px;
}
-.tw-max-h-\[800px\] {
- max-height: 800px;
-}
-
.tw-max-h-\[90\%\] {
max-height: 90%;
}
@@ -759,10 +743,6 @@ video {
min-height: 70vh;
}
-.tw-min-h-\[80px\] {
- min-height: 80px;
-}
-
.tw-min-h-full {
min-height: 100%;
}
@@ -791,10 +771,6 @@ video {
width: 50px;
}
-.tw-w-\[80px\] {
- width: 80px;
-}
-
.tw-w-full {
width: 100%;
}
@@ -803,10 +779,6 @@ video {
width: max-content;
}
-.tw-min-w-\[80px\] {
- min-width: 80px;
-}
-
.tw-min-w-full {
min-width: 100%;
}
@@ -819,18 +791,10 @@ video {
max-width: 120px;
}
-.tw-max-w-\[30\%\] {
- max-width: 30%;
-}
-
.tw-max-w-\[450px\] {
max-width: 450px;
}
-.tw-max-w-\[50\%\] {
- max-width: 50%;
-}
-
.tw-max-w-\[80vw\] {
max-width: 80vw;
}
@@ -900,10 +864,6 @@ video {
place-content: space-around;
}
-.tw-place-items-start {
- place-items: start;
-}
-
.tw-place-items-center {
place-items: center;
}
@@ -948,10 +908,6 @@ video {
gap: 10%;
}
-.tw-gap-\[200px\] {
- gap: 200px;
-}
-
.tw-gap-\[20px\] {
gap: 20px;
}
@@ -1037,6 +993,21 @@ video {
border-color: rgb(22 163 74 / var(--tw-border-opacity));
}
+.\!tw-border-white {
+ --tw-border-opacity: 1 !important;
+ border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
+}
+
+.tw-border-gray-300 {
+ --tw-border-opacity: 1;
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
+
+.tw-border-white {
+ --tw-border-opacity: 1;
+ border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
.\!tw-bg-gray-100 {
--tw-bg-opacity: 1 !important;
background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
@@ -1097,6 +1068,30 @@ video {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
+.tw-bg-red-300 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(252 165 165 / var(--tw-bg-opacity));
+}
+
+.tw-bg-\[\#fdfdfdaf\] {
+ background-color: #fdfdfdaf;
+}
+
+.\!tw-bg-\[\#155EEF\] {
+ --tw-bg-opacity: 1 !important;
+ background-color: rgb(21 94 239 / var(--tw-bg-opacity)) !important;
+}
+
+.\!tw-bg-\[\#73a2ff\] {
+ --tw-bg-opacity: 1 !important;
+ background-color: rgb(115 162 255 / var(--tw-bg-opacity)) !important;
+}
+
+.\!tw-bg-\[\#7E22CE\] {
+ --tw-bg-opacity: 1 !important;
+ background-color: rgb(126 34 206 / var(--tw-bg-opacity)) !important;
+}
+
.tw-bg-opacity-0 {
--tw-bg-opacity: 0;
}
@@ -1117,10 +1112,6 @@ video {
padding: 0.75rem;
}
-.tw-p-4 {
- padding: 1rem;
-}
-
.tw-p-6 {
padding: 1.5rem;
}
@@ -1249,8 +1240,12 @@ video {
line-height: 80px;
}
-.tw-leading-relaxed {
- line-height: 1.625;
+.tw-leading-\[100px\] {
+ line-height: 100px;
+}
+
+.tw-leading-\[90px\] {
+ line-height: 90px;
}
.\!tw-text-black {
@@ -1308,6 +1303,21 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
+.tw-text-gray-400 {
+ --tw-text-opacity: 1;
+ color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.tw-text-gray-300 {
+ --tw-text-opacity: 1;
+ color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
+.tw-text-gray-200 {
+ --tw-text-opacity: 1;
+ color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+
.tw-underline {
text-decoration-line: underline;
}
@@ -1347,6 +1357,11 @@ video {
--tw-shadow: var(--tw-shadow-colored);
}
+.tw-shadow-\[\#7E22CE\] {
+ --tw-shadow-color: #7E22CE;
+ --tw-shadow: var(--tw-shadow-colored);
+}
+
.tw-transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1402,6 +1417,11 @@ video {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
+.hover\:tw-bg-white:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
.hover\:\!tw-text-black:hover {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
@@ -1412,6 +1432,11 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
+.hover\:tw-text-black:hover {
+ --tw-text-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
.dark\:tw-bg-\[\#16171A\]:is(.tw-dark *) {
--tw-bg-opacity: 1;
background-color: rgb(22 23 26 / var(--tw-bg-opacity));
@@ -1440,22 +1465,10 @@ video {
margin-top: 30px;
}
- .max-lg\:tw-hidden {
- display: none;
- }
-
- .max-lg\:tw-h-\[60px\] {
- height: 60px;
- }
-
.max-lg\:tw-h-auto {
height: auto;
}
- .max-lg\:tw-max-h-fit {
- max-height: fit-content;
- }
-
.max-lg\:tw-min-h-\[250px\] {
min-height: 250px;
}
@@ -1464,10 +1477,6 @@ video {
min-height: 400px;
}
- .max-lg\:tw-min-h-\[60px\] {
- min-height: 60px;
- }
-
.max-lg\:tw-min-h-\[60vh\] {
min-height: 60vh;
}
@@ -1476,10 +1485,6 @@ video {
width: 340px;
}
- .max-lg\:tw-w-\[60px\] {
- width: 60px;
- }
-
.max-lg\:tw-w-full {
width: 100%;
}
@@ -1488,14 +1493,6 @@ video {
min-width: 320px;
}
- .max-lg\:tw-min-w-\[60px\] {
- min-width: 60px;
- }
-
- .max-lg\:tw-max-w-\[320px\] {
- max-width: 320px;
- }
-
.max-lg\:tw-max-w-full {
max-width: 100%;
}
@@ -1504,22 +1501,10 @@ video {
flex-direction: column;
}
- .max-lg\:tw-place-content-center {
- place-content: center;
- }
-
.max-lg\:tw-place-items-end {
place-items: end;
}
- .max-lg\:tw-place-items-center {
- place-items: center;
- }
-
- .max-lg\:tw-gap-16 {
- gap: 4rem;
- }
-
.max-lg\:tw-gap-5 {
gap: 1.25rem;
}
@@ -1537,25 +1522,11 @@ video {
padding-right: 0.5rem;
}
- .max-lg\:tw-px-4 {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .max-lg\:tw-text-2xl {
- font-size: 1.5rem;
- line-height: 2rem;
- }
-
.max-lg\:tw-text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
- .max-lg\:tw-font-normal {
- font-weight: 400;
- }
-
.max-lg\:tw-shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -1590,11 +1561,6 @@ video {
line-height: 2rem;
}
- .max-md\:tw-text-3xl {
- font-size: 1.875rem;
- line-height: 2.25rem;
- }
-
.max-md\:tw-text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
@@ -1620,14 +1586,6 @@ video {
}
@media (min-width: 1024px) {
- .lg\:tw-sticky {
- position: sticky;
- }
-
- .lg\:tw-top-\[20\%\] {
- top: 20%;
- }
-
.lg\:tw-mx-auto {
margin-left: auto;
margin-right: auto;
@@ -1644,10 +1602,6 @@ video {
.lg\:tw-justify-around {
justify-content: space-around;
}
-
- .lg\:tw-p-6 {
- padding: 1.5rem;
- }
}
\ No newline at end of file