Miko/PyUIBuilder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added details

Browse Source
This commit is contained in:
paul
2025-04-03 21:09:21 +05:30
parent 5211faf140
commit 07f1320f6d
3 changed files with 64 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
CONTRIBUTING → CONTRIBUTING.md
View File

25
landingpages/landingpage/index.html
View File

@@ -215,8 +215,8 @@
<!-- <i class="bi bi-grid-1x2-fill"></i> -->
</div>
<h2 class="tw-text-3xl max-md:tw-text-2xl tw-font-medium tw-uppercase">Drag and Drop editor</h2>
<p class="tw-leading-normal tw-text-gray-800">
Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live.
<p class="tw-leading-normal tw-text-gray-800 tw-overflow-clip">
Easily drag and drop desired widgets from sidebar and create beautiful Python GUI's
</p>
</div>
@@ -231,8 +231,9 @@
<!-- <i class="bi bi-grid-1x2-fill"></i> -->
</div>
<h2 class="tw-text-3xl max-md:tw-text-2xl tw-font-medium tw-uppercase">Support for multiple UI libraries</h2>
<p class="tw-leading-normal tw-text-gray-800">
Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live.
<p class="tw-leading-normal tw-text-gray-800 tw-overflow-clip">
We currently support multiple UI libraries such as Tkinter, CustomTk and soon will offer support for PySide and
kivy.
</p>
</div>
@@ -247,8 +248,8 @@
<!-- <i class="bi bi-grid-1x2-fill"></i> -->
</div>
<h2 class="tw-text-3xl max-md:tw-text-2xl tw-font-medium tw-uppercase">Supports many UI Widgets</h2>
<p class="tw-leading-normal tw-text-gray-800">
Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live.
<p class="tw-leading-normal tw-text-gray-800 tw-overflow-clip">
Our editor includes pre-defined widgets like Buttons and Labels, compatible with Pack/Flex, Grid, and absolute layouts.
</p>
</div>
@@ -265,7 +266,8 @@
</div>
<h2 class="tw-text-3xl max-md:tw-text-2xl tw-font-medium tw-uppercase">Generate clean Python code</h2>
<p class="tw-leading-normal tw-text-gray-800">
Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live.
Our editor doesn't just let you drag and drop, but also lets you generate clean pyhon code in
library of your choice
</p>
</div>
@@ -281,7 +283,7 @@
</div>
<h2 class="tw-text-3xl max-md:tw-text-2xl tw-font-medium tw-uppercase">3rd Party Plugin support</h2>
<p class="tw-leading-normal tw-text-gray-800">
Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live.
We support your favorite 3rd party widgets such as video player, Map viewer and more.
</p>
</div>
@@ -297,7 +299,8 @@
</div>
<h2 class="tw-text-3xl max-md:tw-text-2xl tw-font-medium tw-uppercase">Supports asset upload</h2>
<p class="tw-leading-normal tw-text-gray-800">
Easily preview fonts on any webpage. If your design and final output look different, Font Tester ensures an accurate, real-time preview. Instantly apply fonts, tweak styles, and see the results live.
Adding images and logos is important while developing GUIs so we support asset uploads.
The best part is nothing is sent to server.
</p>
</div>
@@ -426,7 +429,7 @@
<span>Downloadable UI builder exe for local development</span>
</li>
<li class="tw-flex tw-place-items-center tw-gap-2">
<i class="bi bi-x-circle-fill tw-text-green-600 tw-text-base"></i>
<i class="bi bi-check-circle-fill tw-text-green-600 tw-text-base"></i>
<span>Premium widgets <small class="tw-text-sm">(eg: scroll widget, tab widget, Canvas etc)</small></span>
</li>
<li class="tw-flex tw-place-items-center tw-gap-2">
@@ -508,7 +511,7 @@
<span>Downloadable UI builder exe for local development</span>
</li>
<li class="tw-flex tw-place-items-center tw-gap-2">
<i class="bi bi-x-circle-fill tw-text-green-600 tw-text-base"></i>
<i class="bi bi-check-circle-fill tw-text-green-600 tw-text-base"></i>
<span>Premium widgets <small class="tw-text-sm">(eg: scroll widget, tab widget, Canvas etc)</small></span>
</li>
<li class="tw-flex tw-place-items-center tw-gap-2">

148
landingpages/tailwind/tailwind-runtime.css
View File

@@ -657,6 +657,10 @@ video {
margin-top: 1.25rem;
}
.tw-mt-6 {
margin-top: 1.5rem;
}
.tw-mt-8 {
margin-top: 2rem;
}
@@ -665,14 +669,6 @@ video {
margin-top: auto;
}
.tw-mt-6 {
margin-top: 1.5rem;
}
.tw-mt-2 {
margin-top: 0.5rem;
}
.tw-flex {
display: flex;
}
@@ -705,10 +701,18 @@ video {
height: 150px;
}
.tw-h-\[200px\] {
height: 200px;
}
.tw-h-\[40px\] {
height: 40px;
}
.tw-h-\[500px\] {
height: 500px;
}
.tw-h-\[50px\] {
height: 50px;
}
@@ -729,14 +733,6 @@ video {
height: 100%;
}
.tw-h-\[200px\] {
height: 200px;
}
.tw-h-\[500px\] {
height: 500px;
}
.tw-max-h-\[120px\] {
max-height: 120px;
}
@@ -757,6 +753,10 @@ video {
min-height: 100vh;
}
.tw-min-h-\[200px\] {
min-height: 200px;
}
.tw-min-h-\[300px\] {
min-height: 300px;
}
@@ -781,10 +781,6 @@ video {
min-height: 100%;
}
.tw-min-h-\[200px\] {
min-height: 200px;
}
.tw-w-8 {
width: 2rem;
}
@@ -797,6 +793,10 @@ video {
width: 250px;
}
.tw-w-\[350px\] {
width: 350px;
}
.tw-w-\[380px\] {
width: 380px;
}
@@ -817,10 +817,6 @@ video {
width: max-content;
}
.tw-w-\[350px\] {
width: 350px;
}
.tw-min-w-full {
min-width: 100%;
}
@@ -829,6 +825,10 @@ video {
max-width: 100vw;
}
.tw-max-w-\[1150px\] {
max-width: 1150px;
}
.tw-max-w-\[120px\] {
max-width: 120px;
}
@@ -837,6 +837,10 @@ video {
max-width: 450px;
}
.tw-max-w-\[650px\] {
max-width: 650px;
}
.tw-max-w-\[80vw\] {
max-width: 80vw;
}
@@ -845,22 +849,6 @@ video {
max-width: 850px;
}
.tw-max-w-\[650px\] {
max-width: 650px;
}
.tw-max-w-\[750px\] {
max-width: 750px;
}
.tw-max-w-\[1150px\] {
max-width: 1150px;
}
.tw-max-w-\[400px\] {
max-width: 400px;
}
.tw--translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -998,6 +986,10 @@ video {
text-wrap: wrap;
}
.tw-rounded-3xl {
border-radius: 1.5rem;
}
.tw-rounded-full {
border-radius: 9999px;
}
@@ -1014,10 +1006,6 @@ video {
border-radius: 0.75rem;
}
.tw-rounded-3xl {
border-radius: 1.5rem;
}
.\!tw-border-\[1px\] {
border-width: 1px !important;
}
@@ -1091,6 +1079,11 @@ video {
background-color: rgb(15 23 39 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#eeeeee\] {
--tw-bg-opacity: 1;
background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#f0f0f0ef\] {
background-color: #f0f0f0ef;
}
@@ -1124,16 +1117,6 @@ video {
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#171717\] {
--tw-bg-opacity: 1;
background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#eeeeee\] {
--tw-bg-opacity: 1;
background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}
.tw-bg-opacity-0 {
--tw-bg-opacity: 0;
}
@@ -1146,6 +1129,10 @@ video {
padding: 0.25rem;
}
.tw-p-10 {
padding: 2.5rem;
}
.tw-p-2 {
padding: 0.5rem;
}
@@ -1154,6 +1141,10 @@ video {
padding: 0.75rem;
}
.tw-p-4 {
padding: 1rem;
}
.tw-p-6 {
padding: 1.5rem;
}
@@ -1174,14 +1165,6 @@ video {
padding: 5%;
}
.tw-p-10 {
padding: 2.5rem;
}
.tw-p-4 {
padding: 1rem;
}
.tw-px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
@@ -1260,16 +1243,16 @@ video {
line-height: 1.75rem;
}
.tw-text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.tw-text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.tw-text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.\!tw-font-semibold {
font-weight: 600 !important;
}
@@ -1295,18 +1278,6 @@ video {
line-height: 90px;
}
.tw-leading-8 {
line-height: 2rem;
}
.tw-leading-relaxed {
line-height: 1.625;
}
.tw-leading-\[5px\] {
line-height: 5px;
}
.tw-leading-normal {
line-height: 1.5;
}
@@ -1376,11 +1347,6 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.tw-underline {
text-decoration-line: underline;
}
@@ -1627,14 +1593,6 @@ video {
margin-top: 50px;
}
.max-md\:tw-h-\[180px\] {
height: 180px;
}
.max-md\:tw-min-h-\[350px\] {
min-height: 350px;
}
.max-md\:tw-w-full {
width: 100%;
}
@@ -1681,12 +1639,6 @@ video {
}
}
@media (min-width: 768px) {
.md\:tw-h-\[350px\] {
height: 350px;
}
}
@media (min-width: 1024px) {
.lg\:tw-mx-auto {
margin-left: auto;