Web Apps - 13 django, flask open-source and paid (premium) starters

<!DOCTYPE html> <html lang="en"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-FKNFFN12FK"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-FKNFFN12FK'); </script> <meta name="google-site-verification" content="EtXV-RjJPvOzjyJL8MPdHiNQDZnoFBt-87HRdYuJJuE" /> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" type="image/png" href="/static/common/favicon.ico"> <link rel="apple-touch-icon" sizes="76x76" href="/static/common/apple-icon.png"> <link rel="shortcut icon" type="image/x-icon" href="/static/common/favicon-196x196.png" sizes="196x196" /> <link rel="shortcut icon" type="image/x-icon" href="/static/common/favicon-160x160.png" sizes="160x160" /> <link rel="shortcut icon" type="image/x-icon" href="/static/common/favicon-96x96.png" sizes="96x96" /> <link rel="shortcut icon" type="image/x-icon" href="/static/common/favicon-16x16.png" sizes="16x16" /> <link rel="shortcut icon" type="image/x-icon" href="/static/common/favicon-32x32.png" sizes="32x32" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet" /> <title> Web Apps - 13 django, flask open-source and paid (premium) starters | App Generator</title> <meta name="author" content="Made by RoSoft | https://rosoftware.ro/"> <meta name="description" content="Index with production-ready Web Apps with best practices applied, authentication, modern UI, docker and common modules"> <meta name="keywords" content="apps, web apps, ecommerce, presentation starters, full-stack web apps, django, flask web apps, django, flask app templates, django, flask apps"> <link rel="canonical" href="https://app-generator.dev/apps/" /> <link rel="stylesheet" href="/static/dist/main.css">  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/darcula.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"></script>  <link href="//cdn.quilljs.com/1.3.7/quill.snow.css" rel="stylesheet"> <script src="//cdn.quilljs.com/1.3.7/quill.min.js"></script>  <script src="https://cdn.jsdelivr.net/npm/quill-image-compress@1.2.21/dist/quill.imageCompressor.min.js"></script>  <script src="https://cdn.jsdelivr.net/npm/@botom/quill-resize-module@2.0.0/dist/quill-resize-module.min.js"></script>  <link rel="stylesheet" href="/static/django_quill/django_quill.css"> <script src="/static/django_quill/django_quill.js"></script> <script> if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) { document.documentElement.classList.add('dark'); } else { document.documentElement.classList.remove('dark') } </script> </head> <body class="bg-white dark:bg-gray-900">  <nav class="bg-transparent"> <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-3 md:mx-auto py-3 md:py-6 bg-white dark:bg-gray-900"> <a href="/" class="flex items-center space-x-3 rtl:space-x-reverse"> <img src="/static/common/logo.png" class="h-8" alt="Flowbite Logo" /> <span class="self-center text-xl md:text-2xl font-semibold whitespace-nowrap text-gray-900 dark:text-white hidden md:block">App Generator</span> </a> <div class="flex items-center md:hidden gap-5"> <div class="flex items-center gap-5"> <button id="theme-toggle-2" data-tooltip-target="tooltip-toggle" type="button" class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm "> <svg id="theme-toggle-dark-icon-2" class="hidden w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path> </svg> <svg id="theme-toggle-light-icon-2" class="hidden w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path> </svg> </button> <div id="tooltip-toggle" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip"> Toggle dark mode <div class="tooltip-arrow" data-popper-arrow></div> </div> <a href="https://github.com/app-generator/app-generator" class="block text-white rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"> <svg class="w-6 h-6 text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z" clip-rule="evenodd"/> </svg> </a> </div> <button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-default" aria-expanded="false"> <span class="sr-only">Open main menu</span> <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/> </svg> </button> </div> <div class="w-full md:w-auto hidden md:flex items-center gap-8 " id="navbar-default"> <ul class="font-medium flex w-full pt-3 md:w-auto flex-col md:p-0 mt-4 border-t border-gray-100 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0"> <li> <a href="/discounts/" class="block py-2 px-1 text-gray-900 dark:text-white rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0">Discounts</a> </li> <li> <a href="/tools/django-generator/" class="block py-2 px-1 text-gray-900 dark:text-white rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0">Tools</a> </li> <li> <a href="/docs/" class="block py-2 px-1 text-gray-900 dark:text-white rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0">Docs</a> </li> <li> <a href="/terms/" class="block py-2 px-1 text-gray-900 dark:text-white rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0">Pricing</a> </li> <li class="block md:hidden"> <a href="/users/signin/" class="block py-2 px-1 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Sign In</a> </li> </ul> <div class="hidden md:flex items-center gap-4"> <div class="flex gap-5 items-center"> <button id="theme-toggle" data-tooltip-target="tooltip-toggle" type="button" class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5"> <svg id="theme-toggle-dark-icon" class="hidden w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path> </svg> <svg id="theme-toggle-light-icon" class="hidden w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path> </svg> </button> <div id="tooltip-toggle" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip"> Toggle dark mode <div class="tooltip-arrow" data-popper-arrow></div> </div> <a href="https://github.com/app-generator/app-generator" class="block py-2 px-3 text-white rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"> <svg class="w-6 h-6 text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z" clip-rule="evenodd"/> </svg> </a> </div> <div class="w-0.5 h-8 bg-gray-300"></div> <div> <a href="/users/signin/" class="text-primary-500 font-medium">Sign In</a> </div> </div> </div> </div> </nav> <div class="max-w-7xl mx-auto p-4"> <div class="relative pb-6"> <div class="my-8"> <h1 class="text-2xl md:text-3xl font-bold text-gray-800 dark:text-gray-300"> Web Apps </h1> <p class="pt-2 text-gray-600 w-full md:max-w-[50%] dark:text-gray-300"> Index with production-ready Web Apps with best practices applied, authentication, modern UI, docker and common modules </p> </div> <div class="flex items-center gap-5 mb-10"> <div class="grid grid-cols-2 gap-3.5 w-full"> <div class="relative flex items-center rounded-2xl overflow-hidden bg-gray-50 dark:bg-gray-700 dark:border-gray-600 border border-gray-300 text-gray-900 col-span-2"> <svg class="w-6 h-6 text-gray-800 dark:text-gray-400 absolute left-0 top-2/4 -translate-y-2/4 ml-4 pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m21 21-3.5-3.5M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z" /> </svg> <form id="search-form" class="w-full" method="get" action="#"> <input type="text" name="search" value="" class="appearance-none bg-inherit !border-0 !outline-none !ring-0 h-full p-0 py-3 pl-12 w-full dark:placeholder-gray-400" placeholder='Search products' /> </form> </div> </div> <div class="flex gap-5"> <div class="flex items-center"> <input id="free" type="checkbox" value="" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> <label for="free" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Free</label> </div> <div class="flex items-center"> <input id="most-downloaded" type="checkbox" value="" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> <label for="most-downloaded" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300 whitespace-nowrap ">Most downloaded</label> </div> </div> </div> <div id="django" class="my-5"> <h2 class="text-2xl font-semibold mb-5 mt-10"> Django </h2> <div class="mb-16"> <p> <u><a href="/docs/technologies/django/index.html">Django</a></u> is a high-level Python web framework designed for rapid development of secure and maintainable websites. Created in 2003 and released publicly in 2005, it follows the "batteries-included" philosophy, providing almost everything developers need to build web applications out of the box. </p> <br /> <p> Django is known for its emphasis on the <u><a href="/docs/concepts/dry-priciple.html">DRY (Don't Repeat Yourself)</a></u> principle and promotes reusable code. It scales well from small projects to large enterprise applications, making it popular with companies like Instagram, Pinterest, Mozilla, and The Washington Post. </p> </div> <div class="grid grid-cols-3 gap-5"> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/material-kit/django/"> <img src="/static/product/material-kit/django/top.png" alt="Django Material Kit - Authentication, Docker, styled with Material Design" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/material-kit/django/">Django Material Kit</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> FREE </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Open-Source Django Starter styles with Material Design</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/creative-tim.png" alt="Django Material Kit designed by creative-tim"> </p> <div class="inline-flex items-center gap-1"> <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"/> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"/> </svg> <span class="text-gray-800 dark:text-gray-400">191 </span> </div> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/material-kit-pro/django/"> <img src="/static/product/material-kit-pro/django/top.png" alt="Django Material Kit PRO - Premium Material Design, OAuth (GitHub and Google), Extended Profiles, and Docker Support" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/material-kit-pro/django/">Django Material Kit PRO</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> <span class="text-red-600">$59</span> </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Premium Material Design, OAuth (GitHub and Google), Extended Profiles, and Docker Support</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/creative-tim.png" alt="Django Material Kit PRO designed by creative-tim"> </p> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/pixel-bootstrap/django/"> <img src="/static/product/pixel-bootstrap/django/top.png" alt="Django Pixel UI - Django Template crafted with basic modules and Pixel UI Kit" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/pixel-bootstrap/django/">Django Pixel UI</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> FREE </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Django Template crafted with basic modules and Pixel UI Kit</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/themesberg.png" alt="Django Pixel UI designed by themesberg"> </p> <div class="inline-flex items-center gap-1"> <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"/> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"/> </svg> <span class="text-gray-800 dark:text-gray-400">66 </span> </div> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/pixel-bootstrap-pro/django/"> <img src="/static/product/pixel-bootstrap-pro/django/top.png" alt="Django Pixel UI PRO - OAuth Github, Extended User Profiles, Self-Deletion option, and Docker Support" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/pixel-bootstrap-pro/django/">Django Pixel UI PRO</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> <span class="text-red-600">$59</span> </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Premium Django Starter built on top of Pixel UI (PRO version)</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/themesberg.png" alt="Django Pixel UI PRO designed by themesberg"> </p> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/soft-ui-design/django/"> <img src="/static/product/soft-ui-design/django/top.png" alt="Django Soft Design - Open-Source Django Starter styled with Soft Design" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/soft-ui-design/django/">Django Soft Design</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> FREE </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Open-Source Django Starter styled with Soft UI Design</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/creative-tim.png" alt="Django Soft Design designed by creative-tim"> </p> <div class="inline-flex items-center gap-1"> <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"/> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"/> </svg> <span class="text-gray-800 dark:text-gray-400">74 </span> </div> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/soft-ui-design-pro/django/"> <img src="/static/product/soft-ui-design-pro/django/top.png" alt="Django Soft Design PRO - Django Starter built with OAuth, Extended Profiles, and Soft UI PRO Design" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/soft-ui-design-pro/django/">Django Soft Design PRO</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> <span class="text-red-600">$59</span> </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Django Starter built with OAuth, Extended Profiles, and Soft UI PRO Design</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/creative-tim.png" alt="Django Soft Design PRO designed by creative-tim"> </p> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/rocket-ecommerce/django/"> <img src="/static/product/rocket-ecommerce/django/top.png" alt="Rocket eCommerce - Premium eCommerce Starter crafted on top of Tailwind/Flowbite and Django." class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/rocket-ecommerce/django/">Rocket eCommerce</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> <span class="text-red-600">$249</span> </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Premium eCommerce Starter crafted on top of Tailwind/Flowbite and Django.</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/appseed.png" alt="Rocket eCommerce designed by appseed"> </p> </div> </div> </div> </div> <div id="flask" class="my-5"> <h2 class="text-2xl font-semibold mb-5 mt-10"> Flask </h2> <div class="mb-16"> <p> <u><a href="/docs/technologies/flask/index.html">Flask</a></u> is a lightweight <u><a href="/docs/technologies/python/index.html">Python</a></u> Web Framework designed to make getting started with web development quick and easy, while still being powerful enough for complex applications. Created in 2010 by Armin Ronacher as an April Fool's joke that evolved into a serious project, <strong>Flask</strong> is known for its simplicity and flexibility. </p> <br /> <p> Unlike Django's "batteries-included" approach, <u><a href="/docs/technologies/flask/index.html">Flask</a></u> follows a "bring your own tools" philosophy, giving developers more freedom to choose components that fit their specific needs. This makes Flask ideal for smaller projects, APIs, microservices, and situations where customization is prioritized over convention. </p> </div> <div class="grid grid-cols-3 gap-5"> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/material-kit/flask/"> <img src="/static/product/material-kit/flask/top.png" alt="Flask Material Kit - Open-Source Starter enhanced with authentication, Docker and Material Kit design" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/material-kit/flask/">Flask Material Kit</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> FREE </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Open-Source Flask starter enhanced with authentication, Docker scripts and Material Kit design.</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/creative-tim.png" alt="Flask Material Kit designed by creative-tim"> </p> <div class="inline-flex items-center gap-1"> <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"/> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"/> </svg> <span class="text-gray-800 dark:text-gray-400">1 </span> </div> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/material-kit-pro/flask/"> <img src="/static/product/material-kit-pro/flask/top.png" alt="Flask Material Kit PRO - Material Kit Design enhanced with OAuth, Extended profiles and Docker Support" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/material-kit-pro/flask/">Flask Material Kit PRO</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> <span class="text-red-600">$49</span> </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Material Kit PRO design integrated with Flask, enhanced with GitHub OAuth, Extended User Profiles, and Docker Support</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/creative-tim.png" alt="Flask Material Kit PRO designed by creative-tim"> </p> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/pixel-bootstrap/flask/"> <img src="/static/product/pixel-bootstrap/flask/top.png" alt="Flask Pixel UI Kit - Open-Source Starter enhanced authentication, database, Docker and Pixel UI design" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/pixel-bootstrap/flask/">Flask Pixel UI</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> FREE </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Open-Source Flask Starter enhanced authentication, database, Docker and Pixel UI design</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/themesberg.png" alt="Flask Pixel UI designed by themesberg"> </p> <div class="inline-flex items-center gap-1"> <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"/> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"/> </svg> <span class="text-gray-800 dark:text-gray-400">3 </span> </div> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/pixel-bootstrap-pro/flask/"> <img src="/static/product/pixel-bootstrap-pro/flask/top.png" alt="Flask Pixel UI PRO - Premium starter enhanced with Extended User Profiles, Self-Deletion option and Docker Support" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/pixel-bootstrap-pro/flask/">Flask Pixel UI PRO</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> <span class="text-red-600">$49</span> </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Pixel PRO Starter enhanced with Extended User Profiles, Self-Deletion option and Docker Support</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/themesberg.png" alt="Flask Pixel UI PRO designed by themesberg"> </p> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/soft-ui-design/flask/"> <img src="/static/product/soft-ui-design/flask/top.png" alt="Flask Soft Design - Open-Source Starter enhanced with Authentication, database, Docker support and Soft UI Design" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/soft-ui-design/flask/">Flask Soft Design</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> FREE </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Open-Source Flask Starter enhanced with Authentication, database, Docker support and Soft UI Design</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/creative-tim.png" alt="Flask Soft Design designed by creative-tim"> </p> <div class="inline-flex items-center gap-1"> <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"/> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"/> </svg> <span class="text-gray-800 dark:text-gray-400">1 </span> </div> </div> </div> <div class="col-span-3 md:col-span-1 border border-gray-200 rounded-lg p-3 shadow-md"> <div class="relative rounded-2xl aspect-[4/3] overflow-hidden mb-3"> <a href="/product/soft-ui-design-pro/flask/"> <img src="/static/product/soft-ui-design-pro/flask/top.png" alt="Flask Soft Design PRO - Premium Flask Starter enhanced with GitHub OAuth, Extended User Profiles and Docker Support" class="w-full aspect-[4/3] object-cover hover:scale-105 transition-transform duration-150 ease-in-out" > </a> </div> <div class="flex justify-between items-center mb-2"> <h4 class="font-bold"> <a class="text-gray-900 dark:text-white hover:text-gray-900" href="/product/soft-ui-design-pro/flask/">Flask Soft Design PRO</a> </h4> <h4 class="text-gray-900 dark:text-white font-bold"> <span class="text-red-600">$49</span> </h4> </div> <p class="text-gray-500 dark:text-gray-300 text-sm mb-2">Premium Flask Starter enhanced with Authentication, database, Docker scripts on top of Soft Design PRO</p> <div class="flex items-center justify-between"> <p class="text-gray-500 dark:text-gray-300 text-sm"> <img class="h-8" src="/static/common/agency/creative-tim.png" alt="Flask Soft Design PRO designed by creative-tim"> </p> </div> </div> </div> </div> </div> </div>  <footer class="bg-white dark:bg-gray-900 p-3 md:p-0"> <div class="mx-auto w-full max-w-screen-xl py-6 lg:py-8"> <div class="md:flex md:justify-between"> <div class="mb-10 md:mb-0"> <a href="/" class="flex items-center mb-5"> <img src="/static/common/logo.png" class="h-8 me-3" alt="Appseed Logo" /> <span class="self-center text-2xl font-semibold whitespace-nowrap text-gray-900 dark:text-white">App Generator</span> </a> <p class="text-gray-600 dark:text-gray-300 font-medium mb-5">App Generators and Dev Tools Suite.</p> <div class="flex"> <a href="https://github.com/app-generator/app-generator" class="text-gray-700 dark:text-gray-300 hover:text-gray-900"> <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M10 .333A9.911 9.911 0 0 0 6.866 19.65c.5.092.678-.215.678-.477 0-.237-.01-1.017-.014-1.845-2.757.6-3.338-1.169-3.338-1.169a2.627 2.627 0 0 0-1.1-1.451c-.9-.615.07-.6.07-.6a2.084 2.084 0 0 1 1.518 1.021 2.11 2.11 0 0 0 2.884.823c.044-.503.268-.973.63-1.325-2.2-.25-4.516-1.1-4.516-4.9A3.832 3.832 0 0 1 4.7 7.068a3.56 3.56 0 0 1 .095-2.623s.832-.266 2.726 1.016a9.409 9.409 0 0 1 4.962 0c1.89-1.282 2.717-1.016 2.717-1.016.366.83.402 1.768.1 2.623a3.827 3.827 0 0 1 1.02 2.659c0 3.807-2.319 4.644-4.525 4.889a2.366 2.366 0 0 1 .673 1.834c0 1.326-.012 2.394-.012 2.72 0 .263.18.572.681.475A9.911 9.911 0 0 0 10 .333Z" clip-rule="evenodd"/> </svg> <span class="sr-only">App-Generator GitHub page</span> </a> <a href="https://discord.gg/fZC6hup" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 ms-5"> <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 21 16"> <path d="M16.942 1.556a16.3 16.3 0 0 0-4.126-1.3 12.04 12.04 0 0 0-.529 1.1 15.175 15.175 0 0 0-4.573 0 11.585 11.585 0 0 0-.535-1.1 16.274 16.274 0 0 0-4.129 1.3A17.392 17.392 0 0 0 .182 13.218a15.785 15.785 0 0 0 4.963 2.521c.41-.564.773-1.16 1.084-1.785a10.63 10.63 0 0 1-1.706-.83c.143-.106.283-.217.418-.33a11.664 11.664 0 0 0 10.118 0c.137.113.277.224.418.33-.544.328-1.116.606-1.71.832a12.52 12.52 0 0 0 1.084 1.785 16.46 16.46 0 0 0 5.064-2.595 17.286 17.286 0 0 0-2.973-11.59ZM6.678 10.813a1.941 1.941 0 0 1-1.8-2.045 1.93 1.93 0 0 1 1.8-2.047 1.919 1.919 0 0 1 1.8 2.047 1.93 1.93 0 0 1-1.8 2.045Zm6.644 0a1.94 1.94 0 0 1-1.8-2.045 1.93 1.93 0 0 1 1.8-2.047 1.918 1.918 0 0 1 1.8 2.047 1.93 1.93 0 0 1-1.8 2.045Z"/> </svg> <span class="sr-only">App-Generator Discord community</span> </a> <a href="https://twitter.com/webappseed" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 ms-5"> <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 17"> <path fill-rule="evenodd" d="M20 1.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.344 8.344 0 0 1-2.605.98A4.13 4.13 0 0 0 13.85 0a4.068 4.068 0 0 0-4.1 4.038 4 4 0 0 0 .105.919A11.705 11.705 0 0 1 1.4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 4.1 9.635a4.19 4.19 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 0 14.184 11.732 11.732 0 0 0 6.291 16 11.502 11.502 0 0 0 17.964 4.5c0-.177 0-.35-.012-.523A8.143 8.143 0 0 0 20 1.892Z" clip-rule="evenodd"/> </svg> <span class="sr-only">App-Generator Twitter Account</span> </a> <a href="https://medium.com/@appseed.us" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 ms-5"> <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 21 16"> <path d="M9.025 8c0 2.485-2.02 4.5-4.513 4.5A4.506 4.506 0 0 1 0 8c0-2.486 2.02-4.5 4.512-4.5A4.506 4.506 0 0 1 9.025 8m4.95 0c0 2.34-1.01 4.236-2.256 4.236S9.463 10.339 9.463 8c0-2.34 1.01-4.236 2.256-4.236S13.975 5.661 13.975 8M16 8c0 2.096-.355 3.795-.794 3.795-.438 0-.793-1.7-.793-3.795 0-2.096.355-3.795.794-3.795.438 0 .793 1.699.793 3.795"/> </svg> <span class="sr-only">App-Generator content on Medium</span> </a> </div> </div> <div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3"> <div> <h2 class="mb-6 text-sm font-semibold text-gray-400 dark:text-gray-300 uppercase">Resources</h2> <ul class="text-gray-500 dark:text-gray-400 dark:text-gray-300 font-medium"> <li class="mb-4"> <a href="/docs/" class="text-gray-600 dark:text-gray-400 font-medium hover:underline hover:text-gray-900">Documentation</a> </li> <li class="mb-4"> <a href="/blog/" class="text-gray-600 dark:text-gray-400 font-medium hover:underline hover:text-gray-900">Blog</a> </li> </ul> </div> <div> <h2 class="mb-6 text-sm font-semibold text-gray-400 dark:text-gray-300 uppercase">Services</h2> <ul class="text-gray-500 dark:text-gray-400 dark:text-gray-300 font-medium"> <li class="mb-4"> <a href="/support/" class="text-gray-600 dark:text-gray-400 font-medium hover:underline hover:text-gray-900">Support</a> </li> <li class="mb-4"> <a href="/services/" class="text-gray-600 dark:text-gray-400 font-medium hover:underline hover:text-gray-900">Services</a> </li> </ul> </div> <div> <h2 class="mb-6 text-sm font-semibold text-gray-400 dark:text-gray-300 uppercase">Legal</h2> <ul class="text-gray-500 dark:text-gray-400 dark:text-gray-300 font-medium"> <li class="mb-4"> <a href="/about/" class="text-gray-600 dark:text-gray-400 font-medium hover:underline hover:text-gray-900">About Us</a> </li> <li class="mb-4"> <a href="/terms/" class="text-gray-600 dark:text-gray-400 font-medium hover:underline hover:text-gray-900">Terms</a> </li> </ul> </div> </div> </div> <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" /> <div class="text-center text-gray-400 dark:text-gray-300 text-sm"> © <u><a href="/" rel="noreferrer">App Generator</a></u> - <u><a target="_blank" href="https://github.com/app-generator/app-generator/blob/main/CHANGELOG.md">v0.0.102</a></u> </div> </div> </footer> <script src="/static/dist/main.bundle.js"></script> <script async defer src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.2/datepicker.min.js"></script> <script async defer src="https://gumroad.com/js/gumroad.js"></script> <script async defer src="https://buttons.github.io/buttons.js"></script> <script src="/static/dist/js/clear-search.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { function handleCheckbox(checkboxId, queryParam, trueValue) { const checkbox = document.getElementById(checkboxId); const url = new URL(window.location.href); if (url.searchParams.get(queryParam) === trueValue) { checkbox.checked = true; } checkbox.addEventListener('change', function () { if (checkbox.checked) { url.searchParams.set(queryParam, trueValue); } else { url.searchParams.delete(queryParam); } window.location.href = url.toString(); }); } handleCheckbox('free', 'free', 'True'); handleCheckbox('most-downloaded', 'sort', 'most-downloaded'); }); </script> </body> </html>

CINXE.COM

Web Apps - 13 django, flask open-source and paid (premium) starters | App Generator