Hello! This article presents a curated list with open-source templates and starters crafted on top of Bootstrap and Flask. For newcomers, Bootstrap is the most popular CSS/JS framework for coding user interfaces and Flask is a leading web framework written in Python. All Flask Templates mentioned in this article can be downloaded directly from GitHub and used for commercial products or eLearning activities. Thanks for reading!
What's in the Box
All starters being generated by AppSeed, share a common set of features and characteristics:
SCSS compilationvia Gulp
DBMS: SQLite, PostgreSQL (production)
DB Tools: SQLAlchemy ORM, Flask-Migrate (schema migrations)
- ✅ Blueprints,
Session-Based authentication(via flask_login)
Deployment scripts: Docker, Gunicorn / Nginx, Heroku
- ✅ Support via Github (issues tracker) and Discord
✨ What is Bootstrap
In a single sentence, Bootstrap helps us to code faster and easier user interfaces by providing a set of HTML, and CSS templates for creating UI components like buttons, dropdowns, forms, alerts, modals, tabs, accordions, etc. By reusing the assets provided by the Bootstrap framework we might win time and also improve the quality of our end product. Why use Bootstrap:
- 👉 Easy to use - any developer with basic programming knowledge can use and combine Bootstrap components to prototype fast a web page.
- 👉 Responsiveness - Bootstrap components are built to adapt and display properly on desktop and mobile devices with a wide range of resolutions.
- 👉 Alive Community - this amazing framework is actively supported and versioned by a huge open-source community
- 👉 Cross-Browser Compatibility - Bootstrap keeps up the codebase with the latest standards for a smooth deployment on all well-known browsers: Chrome, Safari, IE, or Firefox.
✨ What is Flask
Flask and code a test application, Python3 should be properly installed in the workstation and accessible in the terminal window.
The above command installs
PIP, the official package manager for Python. Once
Flask is installed, we can code a simple app and run it:
If we execute the above snippet and open
http://localhost:5000 in the browser we should see the message
Flask & Boostrap works great. Even if not too much, we've just coded a usable Flask application that we can improve with more features and modules.
For more than a simple
Hello World let's get back to our list.
✨ Flask Template Material 2
Designed for those who like bold elements and beautiful websites, Material Dashboard 2 is ready to help you create stunning websites and web apps. Material Dashboard 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.
✨ Flask Template AdminLTE
AdminLTE is one of the best open-source admin dashboard & control panel themes. Built on top of Bootstrap, AdminLTE provides a range of responsive, reusable, and commonly used components. Flask provides a lightweight codebase that can be easily extended to become an API, a simple web app, or a complex eCommerce platform.
✨ Flask Template Soft Dashboard
Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is ready to help you create stunning websites and web apps. Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.
✨ Flask Template SB Admin
SB Admin is a free, open-source, Bootstrap 4 based admin theme perfect for quickly creating dashboards and web applications. Its modern design style with subtle shadows and a card-based layout could be described as flat material and is inspired by the principles of material design along with a simple, attractive color system. - Design provided by StartBootstrap.
✨ Flask Template Datta Able
Datta Able Bootstrap Lite is the most stylized Bootstrap 4 Lite Admin Template, around all other Lite/Free admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code.
✨ Flask Template CoreUI
CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high-quality icons.
✨ Flask Template Atlantis Lite
Atlantis Lite (Dark Design) is a free bootstrap 4 admin dashboard that is beautifully and elegantly designed to display various metrics, numbers, or data visualization.
Atlantis Lite admin dashboard has 2 layouts, many plugins, and UI components to help developers create dashboards quickly and effectively so they can save development time and also help users to make the right and fast decisions based on existing data.
✨ Flask Dashboard Argon
Argon Dashboard is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files.
This Dashboard is coming with pre-built examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.
✨ Flask Template Bootstrap Black
Black Dashboard is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.
Black Dashboard features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations.
This modern UI Kit is provided by Creative-Tim under the MIT License.
✨ Flask Template Bootstrap Volt
Volt Dashboard is a free and open-source Bootstrap 5) dashboard template featuring over 100 components, 11 example pages, and 3 plugins with Vanilla JS.
Volt Dashboard brings 11 example pages including an overview, sign in, sign up, transactions page, and many more. There are 3 lightweight and Vanilla JS plugins that come with Volt, namely a date picker, notification, and charts library. This modern UI Kit is provided for free by Themesberg.
Thanks for reading! For more resources, feel free to access: