DEV Community: admin-dashboards

Purity UI Dashboard - Free React Dashboard

admin-dashboards — Tue, 12 Jul 2022 12:54:00 +0000

Hello! This article presents Purity UI Dashboard, an open-source React Dashboard template crafted and released for free by Creative-Tim. The product comes with an elegant UI, 6 sample pages, 50+ UI components, and a permissive license that allows usage in commercial projects. For newcomers, React is a leading JS library used to code interactive User Interfaces quickly. Thanks for reading!

👉 Purity UI Dashboard - product page
👉 Purity UI Dashboard - LIVE demo
🚀 Purity Dashboard PRO - premium version

Disclosure - This post contains affiliate links.

✨ Product Highlights

Designed for those who like modern UI elements and beautiful websites. Made of hundred of elements, designed blocks, and fully coded pages, Purity UI Dashboard is ready to help you create stunning websites and web apps.

✅ Modern stack: React and Chakra UI
✅ 6 Sample Pages, 50+ UI Components
✅ Dark-Mode, RTL Support
✅ Active versioning and Support
✅ Permissive License

This Free Chakra UI Dashboard is coming with prebuilt design blocks, so the development process is seamless, and switching from our pages to the real website is very easy to be done.

All components can take variations in color, that you can easily modify using Chakra's style props.

Example Pages - If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages.

Thanks for reading! For more resources and support, please access:

✨ More Free Dashboards crafted in Django, Flask, and React
✨ More Admin Dashboards - a huge index with products

Argon Dashboard - Free Bootstrap 5 Template

admin-dashboards — Sat, 23 Apr 2022 16:35:17 +0000

Hello!

This article presents an open-source Admin Dashboard Template crafted and released for free by Creative-Tim. Argon Dashboard is a modern dashboard design powered by Bootstrap 5, available for download from Github under the MIT License (commercial projects allowed). For newcomers, Bootstrap is a leading CSS/JS framework actively supported and versioned by programming experts and open-source enthusiasts.

Thanks for reading!

👉 Argon Dashboard 2 - LIVE demo
👉 Argon Dashboard 2 - Product Page
🎁 More Bootstrap 5 Templates (all free)

Argon is a completely new product built on top of Bootstrap 5 using a structure that is meant to make it more intuitive, more adaptive, and easier to use.

Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!

Argon Dashboard is built with over 70 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that 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. Every element has multiple states for colors, styles, hover, and focus, that you can easily access and use.

Example Pages - If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.

Argon Dashboard 2 (Bootstrap 5) - User Profile Page

Argon Dashboard 2 (Bootstrap 5) - VR Page

Argon Dashboard 2 (Bootstrap 5) - Billing Page

Argon Dashboard 2 (Bootstrap 5) - Login Page

Argon Dashboard 2 (Bootstrap 5) - RTL Support

Thanks for reading! For more resources, feel free to access:

✨ More Free Dashboards crafted in Django, Flask, and React
✨ More Admin Dashboards - a huge index with products

Free Vue Dashboards - Start Fast with Vue

admin-dashboards — Tue, 08 Feb 2022 05:32:46 +0000

Hello!

This article presents a curated list with open-source templates and starters crafted with Vue, a leading JS Library for coding user interfaces. All products are published on Github and the permissive (MIT) license allows the usage in commercial projects and eLearning activities.

Thanks for reading! Content provided by Admin Dashboards

👉 Vue Soft UI Dashboard - built with Vue3
👉 Muse Vue Ant Design Dashboard - free product
👉 Vue Material Dashboard - 45k+ Downloads

Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!

✨ What is Vue.js?

Vue is s a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only and is easy to pick up and integrate with legacy products.

Getting started with Vue is pretty easy. Here are the steps:

Include dependencies - from a CDN storage

<!-- Inlude VueJS - latest production version -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>

Code a minimal Vue Project

<div id="app">
  {{ message }}
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

Hello Vue!

For more information about this amazing library, feel free to access the official website and docs.

✨ Vue Soft UI Dashboard

Start your Development with an Innovative Admin Template for Bootstrap 5 and VueJS 3. If you like the look & feel of the hottest design trend right now, Soft UI, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.

👉 Vue Soft UI Dashboard - product page
👉 Vue Soft UI Dashboard - LIVE Demo

This Free Bootstrap 5 & VueJS 3 Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

✨ Muse Dashboard - Vue Ant Design

Muse - Vue Ant Design 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.

👉 Muse Vue Ant Design Dashboard - free product
👉 Muse Vue Ant Design Dashboard - LIVE Demo

Designed for those who like bold elements and beautiful websites. Made of hundred of elements, designed blocks, and fully coded pages, Muse - Vue Ant Design Dashboard is ready to help you create stunning websites and web apps.

✨ Vue Material Dashboard

Vue Material Dashboard is a beautiful resource built over Vue Material and Vuejs. It will help you get started developing dashboards in no time. Vue Material Dashboard is the official Vuejs version of the Original Material Dashboard. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vuejs, and Vue Router.

👉 Vue Material Dashboard - product page
👉 Vue Material Dashboard - LIVE Demo

This free product is created thinking about things you actually need in a dashboard. Vue Material Dashboard contains handpicked and optimized Vuejs plugins. Everything is designed to fit with one another.

Thanks for reading! For more resources, feel free to access:

✨ More Free Dashboards crafted in Django, Flask, and React
✨ More Admin Dashboards - a huge index with products

Argon Dashboard Laravel - Free Product

admin-dashboards — Wed, 02 Feb 2022 05:05:46 +0000

Hello!

This article presents an open-source Laravel Starter crafted and released for free by Creative-Tim. Laravel Argon Dashboard can be downloaded from Github without a registration lock and used for commercial products or simply for eLearning activities. For newcomers, Laravel is a leading framework powered by PHP and many open-source enthusiasts across the globe.

Links & Resources

👉 Laravel Argon Dashboard - product page
👉 Laravel Argon Dashboard - LIVE Demo
🎁 More Free Templates provided by Creative-Tim

Argon Dashboard is built with over 100 individual components, giving you the freedom of choosing and combining.

Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!

Argon is a completely new product built on our newest re-built from scratch framework structure that is meant to make our products more intuitive, more adaptive, and, needless to say, so much easier to customize

Thanks for reading! For more resources, feel free to access:

✨ More Free Dashboards crafted in Django, Flask, and React
✨ More Admin Dashboards - a huge index with products

Free Admin Dashboard - Material Design BS5

admin-dashboards — Thu, 21 Oct 2021 07:11:13 +0000

Hello!

This article presents an Open-Source Admin Dashboard crafted on top of Bootstrap 5 framework using a pixel-perfect material-based design. Material Dashboard is a popular freebie released under the MIT License by Creative-Tim, a well-known web agency with more than 1.5M registered users. The product can be downloaded directly from Github (no registration lock) and used without limitations for hobby and commercial projects.

Thanks for reading! - Content provided by Admin Dashboards.

✨ Material Dashboard 2 - product page
✨ Material Dashboard 2 - LIVE Demo

Update Information

This popular open-source dashboard released 5 years ago with more than 280k+ times got an important update summarized below:

Bootstrap 5 update - v5.1.3
Codebase refactoring
Light/Dark Mode Ready
Authentication pages: SignIN, SignUP
New pages: VR, RTL Support, Billing

For more information, please access the product page or the official documentation.

Product Information

The most complex and innovative Dashboard Made by Creative Tim. Check our latest Premium Bootstrap 5 Dashboard with a fresh, new design inspired by Google's Material Design 2.

Fully Coded Elements - 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. All components can take variations in color, which you can easily modify using SASS files and classes.

Material Dashboard - Billing Page

Material Dashboard - Profile Page

Material Dashboard - VR Page

How to use the product

Material Dashboard can be compiled and used locally with just a few commands typed in the terminal window. Before trying to build the product please check if a minimum programming kit is properly installed and accessible via the terminal window: NodeJS ( v12.x or above), GIT, and a modern editor like VsCode or Atom. Once all the tools are installed we can move forward and compile the template:

👉 Step #1 - Clone product from Github

$ git clone https://github.com/creativetimofficial/material-dashboard.git
$ cd material-dashboard

👉 Step #2 - Install Modules via NPM or Yarn

$ npm i
// OR
$ yarn

👉 Step #3 - Install Gulp globally

$ npm install -g gulp-cli

👉 Step #4 - Start the project (development mode)

$ gulp open-app

If all goes well, we should see Material Dashboard up and running in the browser.

Thanks for reading! For more resources please access:

Free Admin Dashboards - provided by AppSeed
Open-Source React Dashboards - a popular article published on Dev.to

Free React Dashboard - Purity Chakra UI

admin-dashboards — Wed, 08 Sep 2021 06:31:30 +0000

Hello!
This article presents an open-source React Dashboard crafted by Creative-Tim on top of Chakra UI a pixel-perfect component library for React. Purity UI Dashboard can be downloaded directly from Github and used for unlimited hobby and commercial products based on the permissive (MIT) License. For newcomers, React is a leading JS library for coding user interfaces backed by Facebook.

Thanks for reading! - Content provided by Admin Dashboards.

Purity UI Dashboard - product page (contains DEMO and sources)

Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!

Designed for those who like modern UI elements and beautiful websites Purity Dashboard is made of hundreds of elements, designed blocks, and fully coded pages.

Fully Coded Elements - Purity 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. All components can take variations in color, that you can easily modify using Chakra's style props.

Compile from Sources

Being an open-source product we can build this modern React Dashboard without leaving this page by typing a few commands in the terminal. Before you start make sure you have a minimal programming kit properly installed and accessible in the terminal.

A modern editor - VSCode or Atom
Nodejs - used in Javascript-based products and tools
Yarn - a popular package manager for NodeJS (better than NPM)
GIT - a command-line tool used to download sources from Github

Once all tools are available we can move forward and compile the product using the build instructions provided by Purity Dashboard README.

Step #1 - Clone the sources from the public repository

$ git clone https://github.com/creativetimofficial/purity-ui-dashboard.git
$ cd purity-ui-dashboard

Step #2 - Install modules

$ npm install 
// OR
$ yarn

Step #3 - Start in development mode

$ npm run start
// OR
$ yarn start

Thanks for reading! For more resources please access:

More React Templates crafted by Creative-Tim
Free React Dashboards - a curated list published on Dev.to

Star Admin - Open-Source Bootstrap 5 Template

admin-dashboards — Sun, 05 Sep 2021 07:40:24 +0000

Hello Coders,

This article presents the latest update of Star Admin, an iconic Bootstrap Template recently upgraded to use Bootstrap 5. The project can be downloaded directly from Github under the MIT License and used for unlimited hobby and commercial products. For newcomers, Star Admin has impressive typography that compliments exceedingly with its colorful and elegant interface.

Thanks for reading! - Content provided by Admin Dashboards.

Star Admin Features

Star Admin 2 is the perfect amalgamation of a pixel-perfect design and meticulously well-written code. Built using the latest technologies and up to date with the latest trends and tools Start Admin 2 that comes with excellent support from experts.

Beautiful lightweight design
Gulp Tooling
An impressive set of UI components
Pre-built pages: Dashboard, Charts, Sign IN, Tables
MIT License - allows usage for commercial products

Star Admin Bootstrap 5 - Charts

Star Admin Bootstrap 5 - UI Kit

How to use it

Once the sources of Star Admin are downloaded locally we can build the product by following the build instructions provided by the README file. Before we actually build the product, please make sure you have a minimal programming kit properly installed in the workspace:

A modern editor - VSCode or Atom
Nodejs - used in Javascript-based products and tools
Yarn - a popular package manager for NodeJS (better than NPM)
Gulp - a toolkit to automate repetitive tasks

Once all the tools are properly installed and accessible in the terminal we can start to build the dashboard:

Step #1 - Download Star Admin from the product page

$ unzip star-admin.zip
$ cd star-admin

Step #2 - Install modules via NPM or Yarn

$ npm i 
// OR
$ yarn

Step #3 - Start in development mode

$ gulp

Once the product is rendered in the browser, we can start the development and edit the files.

Thanks for reading! For more resources feel free to access:

Open-source Admin Dashboards - index provided by AppSeed
Free React Dashboards - a curated list published on Dev.to

Soft UI - Generate a Django Dashboard with ease

admin-dashboards — Sat, 04 Sep 2021 15:55:52 +0000

Hello Coders!

This article presents an easy way to generate a Django dashboard on top of Soft UI, a modern Bootstrap 5 design crafted by Creative-Tim. To achieve this goal we will use an open-source tool: Django Cookie-Cutter. During the process, we can choose the design (Soft UI) and also the database type from a short-list with popular engines: SQLite, MySql, or PostgreSQL.

Thanks for reading! - Content provided by Admin Dashboards.

What's in the box? The generated product looks similar to this one:

Soft UI Django - product page (includes demo & sources)

To use this open-source generator a minimal programming kit should be installed in the workstation starting with Python3 and GIT:

Python - the language used by the tool
GIT - the popular command-line versioning tool
A modern programming editor like Atom or VSCode

Once we have all the tools, we can proceed further and generate our simple Django Dashboard.

Step #1 - Install dependencies (cookie-cutter and GitPython)

$ pip install cookiecutter
$ pip install GitPython

CookieCutter is the Python library that makes all the work for us and GitPython is a nice and useful Python wrapper around Git used to pull the UI themes from Git.

Step #2 - Generate the dashboard using Soft UI design

$ cookiecutter https://github.com/app-generator/cookiecutter-django.git

Step #3 - Customize the project

Most of the commands provide a default value select-able by an ENTER. The most important step is the one when we choose the UI kit because the tool provides multiple choices regarding the design:

(free) Django Soft UI - the design we will select
(free) Django Volt - a modern dashboard with Bootstrap 5 design
(free) Django Datta Able - open-source colorful dashboard

>>> # Project Name Option 
>>> project_name [Django Seed project]: Django Soft UI

>>> # Project Slug is the directory name
>>> project_slug [django_soft_ui]:

>>> # Project Description: saved in the README file 
>>> description [A simple Django project]: My Simple Django Project

>>> # Project Author: saved in the README file   
>>> author_name []: Bill Gates

>>> # Author Email: saved in the README file   
>>> email [bill@microsoft.com]:

>>> Project Version: saved in the README file
>>> version [0.0.1]:

>>> UI Kit: (Volt default option)
>>> Select theme:
1 - volt
2 - soft-ui                       <------ The magic option            
3 - datta-able

>>> Database: (SQLite default option) 
Select database:
1 - sqlite3
2 - mysql
3 - postgresql

>>> Database Credentials: Used to configure the connection
>>> database_name [appseed_django]: (use default)
>>> database_user [appseed_user]: (use default)
>>> database_pass [Pass1234]: (use default)

Once the process is finished, we can open the django_soft_ui directory using a programming editor like Atom or VsCode and follow the instruction provided by the README to compile the generated project.

Step #1 - Create a virtual environment (used to install dependencies)

$ virtualenv env
$ source env/bin/activate

Step #2 - Install project dependencies

$ # Install modules
$ pip3 install -r requirements.txt

Step #3 - Set up the database

$ python manage.py makemigrations
$ python manage.py migrate

Step #4 - Start the generated Django project

$ # Start the application (development mode)
$ python manage.py runserver

By visiting the project in the browser we should see something similar to the original project: Soft UI Dashboard (demo link). Once we create a new user and Sign IN, the access to the private pages is unlocked.

Soft UI - VR Page

In the same way, we can build more Django projects but using different UI kits with less manual work. Regarding the Django Cookie-Cutter tool, the product has a nice roadmap where the publisher presents a few really nice features:

New themes: CoreUI, AdminLTE (popular open-source templates)
Deployment: AWS, Google Cloud, HEROKU, Docker
Modules: Data tables, Charts, Stripe Payments

For more information please access the public repository of this tool and read more about it.

Thanks for reading! For more resources, please access:

More Django Dashboards built with modern UI kits
Open-source Admin Dashboards - index provided by AppSeed
Free React Dashboards - a popular article published on Dev.to

Muse - Vue Ant Design Dashboard

admin-dashboards — Fri, 13 Aug 2021 14:27:06 +0000

This article presents an open-source product crafted by Creative-Tim on top of popular Ant Design: Muse Admin Dashboard. The product aims to help developers start faster a new project using a modern design powered by Vue JS Framework. Designed for those who like bold elements and beautiful websites Muse Vue Ant Design is ready to help you create stunning websites and web apps.

Thanks for reading! - Content provided by Admin Dashboards.

Muse Vue Ant Dashboard - product page
Muse Vue Ant Dashboard - LIVE Demo

Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!

Official product description - Muse Vue Ant Design Dashboard is a beautiful Ant Design Vue admin dashboard with a large number of components, designed to look beautiful and organized. All components can take variations in color, that you can easily modify using SASS files and classes. Using this template designers and developers might save a lot of time going from prototyping to full-functional code because all elements are implemented.

If you want to get inspiration or just show something directly to your clients, you can start fast your development with pre-built example pages:

Muse Vue Ant Design Dashboard - Billing Page

Muse Vue Ant Design Dashboard - User profile

Compile from sources

The source code is published on Github, and we can download and compile the project from the public repository without a registration lock. Let's do it!

Step #1 - Download sources

$ git clone https://github.com/creativetimofficial/muse-vue-ant-design-dashboard.git
$ cd muse-vue-ant-design-dashboard

Step #2 - Install Dependencies

$ npm i
// OR
$ yarn

Step #3 - Start the project in development mode

$ npm run dev
// 
$ yarn dev

If all goes well, Muse Ant Dashboard should be up and running in the browser.

Thanks for reading! For more resources feel free to access:

More Free Templates provided by Creative-Tim agency
Free Vue Dashboards - a curated list published here on Dev

Windmill - Open-source React Dashboard

admin-dashboards — Fri, 09 Apr 2021 10:07:43 +0000

Hello Coders,

This article presents an open-source accessibility-first React Dashboard available for download from the official product page (no account required). Windmill Dashboard comes with a blazing fast UI styled with Tailwind, PWA support and integrations for Charts.js and Heroicons. For newcomers, React is an open-source library for coding UI interfaces actively versioned and supported by Facebook.

React Dashboard Windmill - product page
Windmill Demo - LIVE deployment of this modern React Dashboard

Product Description

Windmill Dashboard is not a lifeless template. This is a complete application, built on top of React, with all tiny details taken care of so you just need to bring the data to feed it.

Accessibility-first - the product was developed listening to real screen readers, focus traps and keyboard navigation are available everywhere.

UI Kit - Windmill Dashboard React is built on top of Windmill React UI - open-source component library based on Tailwind CSS.

Product Features

🦮 Throughly accessible (developed using screen readers)
🌗 Dark theme enabled (load even different images based on theme)
🧩 Multiple (custom) components
⚡ Code splitting
UI: Tailwind CSS, Windmill React UI (components library)
Routes coded on top of React Router
Plugins: Heroicons, Chart.js
PWA-ready: delivering offline-first and app-like experience

Windmill React - Product Page

Windmill React - UI Cards

Windmill React - Dark Mode On

Windmill React - Login Page

Thanks for reading! For more resources, please access:

Estevan Maito (twitter page) - the creator of this modern React Dashboard
More React Dashboards - a curated list published on Dev.to

Soft UI Dashboard - Open-Source Bootstrap 5 Dashboard

admin-dashboards — Wed, 07 Apr 2021 18:36:05 +0000

Hello Coders,

This article presents an open-source admin dashboard template crafted on top of Bootstrap 5 Framework: Soft UI Dashboard has a modern design and seems to be the most innovative product released so far by Creative-Tim, a well-known agency and active supporter of the open-source ecosystem. The product comes with pre-built design blocks, pages, and a super-rich UI Kit.

Thanks for reading!

Soft UI Dashboard - product page
More Free Templates - provided by Creative-Tim

Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!

The project is released on Github under the MIT License can be compiled from sources and used directly in a real project. Before trying to build the project make sure your environment has a decent NodeJS version and GIT is available via a terminal window.

Compile from sources

$ # Clone/download sources
$ git clone https://github.com/creativetimofficial/soft-ui-dashboard.git
$
$ # Install Dependencies
$ yarn # OR npm install
$
$ # Start in development
$ gulp

If all goes well, Soft UI Dashboard should be accessible in the browser.

Product Information

Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files and classes.

You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. This Free Bootstrap 5 Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

Fully Coded Elements - The most complex and innovative Dashboard Made by Creative Tim, designed for those who like bold elements and beautiful websites.

Soft UI Dashboard - Billing Page

Soft UI Dashboard - Profile Page

Soft UI Dashboard - RTL Support

Thanks for reading! For more resources please access:

Free React Dashboards - a curated list published on Dev.to
Go PRO with Soft UI Design System PRO - a premium UI Kit

Soft UI Design System is built with over 300 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files and classes. This premium template comes with many examples for pages like Signup, Signin, Forgot Password, 2FA Authentification.

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

admin-dashboards — Sat, 03 Oct 2020 08:32:29 +0000

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 Dashboard Template, product page
Volt - Flask Dashboard (product page) - LIVE Demo
Volt - Django Dashboard (product page) - LIVE Demo
Volt - Jinja Template (product page) - LIVE Demo

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 - UI Alerts

Volt Dashboard - User Profile Page

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 - 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)

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

Access Themesberg for more UI Kits
Access AppSeed for more seed projects crafted in many patterns: admin dashboards, static sites or Jinja templates