DEV Community

loading...
Cover image for Volt - Bootstrap 5 template available in Jinja, Django, Flask

Volt - Bootstrap 5 template available in Jinja, Django, Flask

admindashboards profile image admin-dashboards Originally published at admin-dashboards.com ・3 min read

Hello,

This article presents a short-list of open-source seed projects coded with a minimum set of features like authentication, database on top of a modern Bootstrap 5 design - Volt Dashboard. Volt is a free and open-source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages, and three customized plugins. Volt does not require jQuery as a dependency, being coded entirely Vanilla JS.


Article initially published on Admin Dashboards.com (open-source project) - Volt - Available in Jinja, Django, Flask


Thank you for reading! The relevant links are below:


Volt - Bootstrap 5 template, animated presentation.


Volt is a free and open source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages and 3 customized plugins. Volt does not require jQuery as a dependency meaning that every library and script's are jQuery free.
Because it is created using the latest version of Bootstrap 5, every components and element is based on the latest Bootstrap 5 Sass variables and HTML markup.

100+ Components - There are more than 100 free Bootstrap 5 components included some of them being buttons, alerts, modals, datepickers and so on. Check out the components on the official documentation.

Lightweight Plugins - There are 3 lightweight and Vanilla JS plugins that come with Volt, namely a date picker, notification and charts library.

11 Example Pages - Volt brings 11 example pages including an overview, sign in, sign up, transactions page and many more.


Volt Dashboard - Main dashboard Screen

Volt Dashboard - Main Dashboard Screen.


Volt Dashboard - UI Alerts

Volt Dashboard - UI Alerts Screen.


Volt Dashboard - User Profile Page

Volt Dashboard - UI Alerts Screen.


The HTML version is provided with decent, usable tooling (Gulp, Browser-Sync, Gulp-sass) for fast development and CSS customization.


Volt - Flask Dashboard

The Flask codebase is provided with basic features like authentication, database (SQLite and PostgreSQL), ORM, Blueprints and deployment scripts for Docker, HEROKU and Gunicorn/Nginx stack.


Volt Flask Dashboard - LIVE Demo


To see the app in action just click on the above link and login using the default credentials.

Volt Dashboard - Flask version, the login page.


Volt - Django Dashboard

Django version is quite identical with Flask version in terms of features and comes with authentication, SQLite database and deployment scripts. The project, as all others, can be downloaded directly from Github and used for hobby & commercial projects.


Volt Django Dashboard - LIVE Demo (use default credentials to login)


Volt Django Dashboard - Volt Aerts Page.


End Note - Volt Dashboard is a modern UI kit, built on top of Bootstrap 5 (latest version) that can be used by any developer with basic programming knowledge to build a hobby or a commercial dashboard using Flask, Django, or other frameworks like Laravel, FastAPI. All projects being open-source might help beginners also beginners to accommodate and code simple features on top of production-ready projects.


Other resources

Discussion

pic
Editor guide