Name | WTG JSON |
Version |
0.1.1
JSON |
| download |
home_page | None |
Summary | This package can you help to move WEB to GUI |
upload_time | 2024-11-30 04:40:26 |
maintainer | None |
docs_url | None |
author | Amfetaminchik |
requires_python | None |
license | None |
keywords |
|
VCS |
|
bugtrack_url |
|
requirements |
No requirements were recorded.
|
Travis-CI |
No Travis.
|
coveralls test coverage |
No coveralls.
|
# WTG (Web to GUI) — это инновационная библиотека для разработчиков, которая позволяет интегрировать интерактивные HTML-сайты с анимациями и динамическим контентом в настольные GUI-приложения. Используя WTG, вы можете создавать веб-страницы с мощными анимациями и плавными переходами и отображать их прямо в вашем приложении.
## Ключевые особенности:
# 🌐 Интеграция HTML и GUI: Легко встраивайте HTML, CSS и JavaScript в графические интерфейсы.
# ✨ Поддержка анимаций: Используйте популярные библиотеки, такие как GSAP, для создания плавных анимаций.
# ⚡ Мгновенный запуск: Просто передайте HTML-контент, и приложение сразу отобразит веб-страницу.
# 📱 Адаптивность: Поддержка современных стандартов HTML5 и CSS3 для создания отзывчивых интерфейсов.
# 🛠️ Лёгкость настройки: Никаких сложных конфигураций — достаточно простого кода для запуска.
Пример использования:
from WTG import HtmlViewerApp
html_content = """
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Animated Website</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" defer></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
gsap.from("nav h1", {
duration: 1,
y: -50,
opacity: 0,
ease: "bounce.out",
});
gsap.from("nav a", {
duration: 1,
opacity: 0,
stagger: 0.3,
delay: 0.5,
});
gsap.utils.toArray(".section").forEach((section) => {
gsap.fromTo(
section,
{ opacity: 0, y: 50 },
{
opacity: 1,
y: 0,
scrollTrigger: {
trigger: section,
start: "top 80%",
toggleActions: "play none none reverse",
},
duration: 1.2,
ease: "power4.out",
}
);
});
});
</script>
</head>
<body>
<header>
<nav>
<h1>Dynamic Animations</h1>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="home" class="section">
<h2>Welcome to Our Animated World</h2>
<p>Experience smooth and beautiful animations.</p>
</section>
<section id="about" class="section">
<h2>About Us</h2>
<p>We create immersive web experiences.</p>
</section>
<section id="contact" class="section">
<h2>Contact Us</h2>
<p>Get in touch for collaborations and projects.</p>
</section>
<footer>
<p>© 2024 Dynamic Animations. All rights reserved.</p>
</footer>
</body>
</html>
"""
app = HtmlViewerApp(html_content=html_content)
app.run()
# Преимущества:
Быстрое прототипирование: Разрабатывайте сложные интерфейсы с анимациями за считанные минуты.
Широкие возможности кастомизации: Используйте весь потенциал веб-технологий в нативных приложениях.
Простой и интуитивно понятный API: Позволяет минимизировать количество кода и сосредоточиться на дизайне.
С WTG ваши приложения станут современными, динамичными и удобными для пользователей, объединяя мощь веба и гибкость настольных приложений.
Raw data
{
"_id": null,
"home_page": null,
"name": "WTG",
"maintainer": null,
"docs_url": null,
"requires_python": null,
"maintainer_email": null,
"keywords": null,
"author": "Amfetaminchik",
"author_email": "sponge-bob@krusty-krab.ru",
"download_url": "https://files.pythonhosted.org/packages/ae/00/d7c6eeba09d832ceee0ee7fb72c0eab8301480f2dd9f1f9757373a0b8f5c/wtg-0.1.1.tar.gz",
"platform": null,
"description": "# WTG (Web to GUI) \u2014 \u044d\u0442\u043e \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 HTML-\u0441\u0430\u0439\u0442\u044b \u0441 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f\u043c\u0438 \u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c \u0432 \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043d\u044b\u0435 GUI-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f WTG, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441 \u043c\u043e\u0449\u043d\u044b\u043c\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f\u043c\u0438 \u0438 \u043f\u043b\u0430\u0432\u043d\u044b\u043c\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430\u043c\u0438 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0438\u0445 \u043f\u0440\u044f\u043c\u043e \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438.\r\n\r\n## \u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438:\r\n# \ud83c\udf10 \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f HTML \u0438 GUI: \u041b\u0435\u0433\u043a\u043e \u0432\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0439\u0442\u0435 HTML, CSS \u0438 JavaScript \u0432 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b.\r\n# \u2728 \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a GSAP, \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043b\u0430\u0432\u043d\u044b\u0445 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439.\r\n# \u26a1 \u041c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a: \u041f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 HTML-\u043a\u043e\u043d\u0442\u0435\u043d\u0442, \u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441\u0440\u0430\u0437\u0443 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.\r\n# \ud83d\udcf1 \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c: \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043e\u0432 HTML5 \u0438 CSS3 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u044b\u0445 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432.\r\n# \ud83d\udee0\ufe0f \u041b\u0451\u0433\u043a\u043e\u0441\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438: \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0439 \u2014 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0434\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430.\r\n\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f:\r\nfrom WTG import HtmlViewerApp\r\n\r\nhtml_content = \"\"\"\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Animated Website</title>\r\n <script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js\" defer></script>\r\n <script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js\" defer></script>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.from(\"nav h1\", {\r\n duration: 1,\r\n y: -50,\r\n opacity: 0,\r\n ease: \"bounce.out\",\r\n });\r\n gsap.from(\"nav a\", {\r\n duration: 1,\r\n opacity: 0,\r\n stagger: 0.3,\r\n delay: 0.5,\r\n });\r\n gsap.utils.toArray(\".section\").forEach((section) => {\r\n gsap.fromTo(\r\n section,\r\n { opacity: 0, y: 50 },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n scrollTrigger: {\r\n trigger: section,\r\n start: \"top 80%\",\r\n toggleActions: \"play none none reverse\",\r\n },\r\n duration: 1.2,\r\n ease: \"power4.out\",\r\n }\r\n );\r\n });\r\n });\r\n </script>\r\n</head>\r\n<body>\r\n <header>\r\n <nav>\r\n <h1>Dynamic Animations</h1>\r\n <ul>\r\n <li><a href=\"#home\">Home</a></li>\r\n <li><a href=\"#about\">About</a></li>\r\n <li><a href=\"#contact\">Contact</a></li>\r\n </ul>\r\n </nav>\r\n </header>\r\n <section id=\"home\" class=\"section\">\r\n <h2>Welcome to Our Animated World</h2>\r\n <p>Experience smooth and beautiful animations.</p>\r\n </section>\r\n <section id=\"about\" class=\"section\">\r\n <h2>About Us</h2>\r\n <p>We create immersive web experiences.</p>\r\n </section>\r\n <section id=\"contact\" class=\"section\">\r\n <h2>Contact Us</h2>\r\n <p>Get in touch for collaborations and projects.</p>\r\n </section>\r\n <footer>\r\n <p>\u00a9 2024 Dynamic Animations. All rights reserved.</p>\r\n </footer>\r\n</body>\r\n</html>\r\n\"\"\"\r\n\r\napp = HtmlViewerApp(html_content=html_content)\r\napp.run()\r\n\r\n\r\n# \u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430:\r\n\u0411\u044b\u0441\u0442\u0440\u043e\u0435 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435: \u0420\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0439\u0442\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0441 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f\u043c\u0438 \u0437\u0430 \u0441\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u0435 \u043c\u0438\u043d\u0443\u0442\u044b.\r\n\u0428\u0438\u0440\u043e\u043a\u0438\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0438: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432\u0435\u0441\u044c \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b \u0432\u0435\u0431-\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u0432 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445.\r\n\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439 API: \u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u0434\u0430 \u0438 \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0434\u0438\u0437\u0430\u0439\u043d\u0435.\r\n\u0421 WTG \u0432\u0430\u0448\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u043d\u0443\u0442 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438, \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u044b\u043c\u0438 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u043c\u0438 \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u044f \u043c\u043e\u0449\u044c \u0432\u0435\u0431\u0430 \u0438 \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u044c \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.\r\n",
"bugtrack_url": null,
"license": null,
"summary": "This package can you help to move WEB to GUI",
"version": "0.1.1",
"project_urls": null,
"split_keywords": [],
"urls": [
{
"comment_text": "",
"digests": {
"blake2b_256": "b0fefb48769b464c71c56f6e2ebd2a0f425e1f682de7f62e9b09f2c539e0f433",
"md5": "0c95239c5d39b05c5f33d3ffddba4b5f",
"sha256": "d9ce9a92470a536fab0bcf0a27f9215b50da3a5cc1bd9fe0f7638acc8a4a9d7c"
},
"downloads": -1,
"filename": "WTG-0.1.1-py3-none-any.whl",
"has_sig": false,
"md5_digest": "0c95239c5d39b05c5f33d3ffddba4b5f",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": null,
"size": 4212,
"upload_time": "2024-11-30T04:40:21",
"upload_time_iso_8601": "2024-11-30T04:40:21.536989Z",
"url": "https://files.pythonhosted.org/packages/b0/fe/fb48769b464c71c56f6e2ebd2a0f425e1f682de7f62e9b09f2c539e0f433/WTG-0.1.1-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": "",
"digests": {
"blake2b_256": "ae00d7c6eeba09d832ceee0ee7fb72c0eab8301480f2dd9f1f9757373a0b8f5c",
"md5": "aa86598f5e3051eca0487c0980976761",
"sha256": "ba014679e91de20324b547ed584cfdc4a5ad5466ccf254376b0760c3269c0a6d"
},
"downloads": -1,
"filename": "wtg-0.1.1.tar.gz",
"has_sig": false,
"md5_digest": "aa86598f5e3051eca0487c0980976761",
"packagetype": "sdist",
"python_version": "source",
"requires_python": null,
"size": 4128,
"upload_time": "2024-11-30T04:40:26",
"upload_time_iso_8601": "2024-11-30T04:40:26.607852Z",
"url": "https://files.pythonhosted.org/packages/ae/00/d7c6eeba09d832ceee0ee7fb72c0eab8301480f2dd9f1f9757373a0b8f5c/wtg-0.1.1.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2024-11-30 04:40:26",
"github": false,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"lcname": "wtg"
}