loading...
Cover image for Admin Dashboards - Open-Source and Free

Admin Dashboards - Open-Source and Free

sm0ke profile image Sm0ke Updated on ・13 min read

Hello Coders,

Based on the community reaction regarding my previous articles, related to open-source React Dashboards and Vue dashboards, I decided to build a similar list with open-source admin dashboards built on top of the Bootstrap CSS framework and Angular. All admin panels listed in this article are free, open-source, with unlimited usage for hobby or commercial products.


Content provided by AppSeed, a platform used by 2k+ developers.


Flask Dashboard - Black Design

Design Creative-Tim, coded by AppSeed


Black Dashboard is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.


Flask Codebase features

  • DBMS: SQLite, PostgreSQL (production)
  • DB Tools: SQLAlchemy ORM, Alembic (schema migrations)
  • Modular design with Blueprints
  • Session-Based authentication (via flask_login), Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx, Heroku
  • Support via Github (issues tracker) and Discord.


Admin Dashboard - Black Dashboard design, coded in Flask by AppSeed.


Flask Dashboard - Material Design

Design Creative-Tim


Material Dashboard is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. Material Dashboard makes use of light, surface, and movement. The general layout resembles sheets of paper following multiple different layers so that the depth and order are obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.


Flask Codebase features

  • DBMS: SQLite, PostgreSQL (production)
  • DB Tools: SQLAlchemy ORM, Alembic (schema migrations)
  • Modular design with Blueprints
  • Session-Based authentication (via flask_login), Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx, Heroku
  • Support via Github (issues tracker) and Discord.


Flask Dashboard Material - Open-Source Dashboard.


Argon Dashboard - Django

Design Creative-Tim


Start your development with this modern Dashboard for Bootstrap 4. It is open-source, free and it features many components that can help you create amazing websites. Argon Dashboard is built with over 100 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 and it is open source, and free.

Django Codebase features

  • SQLite Database, Django Native ORM
  • Modular design, clean codebase
  • Session-Based Authentication, Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx
  • Support via Github (issues tracker) and Discord.


Django Dashboard Argon - Open-Source Django Dashboard.


Admin Dashboard - Material Design

Theme provider - Creative-Tim


Admin Dashboard Material is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap 4 framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.



Admin Dashboard Material - Free Bootstrap4 Admin Panel.

Build from sources

$ git clone https://github.com/creativetimofficial/material-dashboard.git
$ cd material-dashboard
$ yarn # install modules
$ gulp # start the app in development mode

Flask Gradient Able

Design CodedThemes


Gradient Able Free Bootstrap 4 Free/Lite Admin Template is a complete solution for your dashboard creation. The default layout version comes with limited options like Google optimized, font integration, high speed, mature & sophisticated, and extremely well-organized code which makes free Gradient Able a fully flexible solution for any backend application project


Flask Codebase features

  • DBMS: SQLite, PostgreSQL (production)
  • DB Tools: SQLAlchemy ORM, Alembic (schema migrations)
  • Modular design with Blueprints
  • Session-Based authentication (via flask_login), Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx, Heroku
  • Support via Github (issues tracker) and Discord.


Flask Dashboard GradientAble - Open-Source template project provided by AppSeed.


Django Dashboard Black

Simple Django starter coded with authentication, database, and deployment scripts.

Django Codebase features

  • SQLite Database, Django Native ORM
  • Modular design, clean codebase
  • Session-Based Authentication, Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx
  • Support via Github (issues tracker) and Discord.


Django Dashboard Black - Template project provided by AppSeed.


Admin Dashboard - Argon Design

Theme provider - Creative-Tim


Admin Dashboard Argon is a free and open-source product designed by Creative-Tim, the well-known design agency. Argon Dashboard is built with over 100 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.



Admin Dashboard Argon - App ScreenShot.


Admin Dashboard - Black Design

Theme provider - Creative-Tim


Black Admin Dashboard is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.



Admin Dashboard Black - Bootstrap4 Admin Dashboard.


Azia Dashboard

Design BootstrapDash


Azia Admin is a free responsive admin template built with Bootstrap 4. The template has a colorful, attractive yet simple and elegant design. The template is well crafted, with all the components neatly and carefully designed and arranged within the template.

Azia Admin is packed with all the features that fit your needs but not cramped with components you would not even use. It is an excellent fit to build admin panels, e-commerce systems, project management systems, CMS or CRM.



Azia Admin - Free Admin dashboard provided by BootstrapDash.


Flask Atlantis Dark

Design ThemeKita

Atlantis Lite Dark 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 Codebase features

  • DBMS: SQLite, PostgreSQL (production)
  • DB Tools: SQLAlchemy ORM, Alembic (schema migrations)
  • Modular design with Blueprints
  • Session-Based authentication (via flask_login), Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx, Heroku
  • Support via Github (issues tracker) and Discord.


Flask Dashboard Atlantis Dark - Open-Source Flask Dashboard.


Datta Able Bootstrap4 Free

Design CodedThemes

Datta Able is an open-source and free 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. Before developing Datta Able our key points were performance and design. While developing we have gone through various testing & code optimization processes, for making this performance and design-centric backend application.

Links


Datta Able - Open-Source and Free Bootstrap4 Admin Panel.


Star Admin Dashboard

Theme provider - BootstrapDash

Star Admin is a free responsive admin panel built with Bootstrap 4. The template has a colorful, attractive yet simple and elegant design. The template is well crafted, with all the components neatly and carefully designed and arranged within the template.
Star Admin is packed with all the features that fit your needs but not cramped with components you would not even use. It is an excellent fit to build admin panels, e-commerce systems, project management systems, CMS or CRM.



Star Admin - Open-Source Admin Panel.


Stellar Admin Dashboard

Theme provider - BootstrapDash

Built with the latest version of Bootstrap, Stellar Admin is a fully functional, feature-rich dashboard. Flaunting a simple design, Stellar has a very neat and elegant interface that helps to create complex web applications easier. It comes fully packed Bootstrap components and pre-built pages that have been redesigned to match with the theme of the template.

Stellar Admin Dashboard - Open-Source Admin Panel.

Build from sources

$ git clone https://github.com/BootstrapDash/Stellar.git
$ cd Stellar
$ yarn # install modules
$ gulp serve # start the app in development mode
$ gulp build # production build

Admin Dashboard Now UI

Theme provider - Creative-Tim

Admin Dashboard Now UI is a responsive Bootstrap 4 kit provided for free by Invision and Creative Tim. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics. Now UI Dashboard comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.



Admin Dashboard NowUI - Bootstrap4 Admin Panel UI Kit.

Build from sources

$ git clone https://github.com/creativetimofficial/now-ui-dashboard.git
$ cd now-ui-dashboard
$ yarn # install modules
$ gulp # start the app in development mode

Dashboard Atlantis Dark

Theme provider - ThemeKita

Atlantis Dark is a free bootstrap 4 admin dashboard that is beautifully and elegantly designed to display various metrics, numbers, or data visualization.

Links

Flask Dashboard Atlantis - Open-Source Admin Panel


Admin Dashboard Adminator

Theme provider - Colorlib

Admin Dashboard Adminator is a responsive Bootstrap 4 Admin Template. It provides you with a collection of ready to use code snippets and utilities, custom pages, a collection of applications and some useful widgets.

Dashboard Links

Adminator - Free Bootstrap 4 Admin Template.

Build from sources

$ git clone https://github.com/puikinsh/Adminator-admin-dashboard.git
$ cd Adminator-admin-dashboard
$ npm install # install modules
$ npm run dev # start the app in development mode
$ npm run build # bundle the app for production

Dashboard Modular Admin

Theme provider - Modularcode

ModularAdmin is a Free Bootstrap 4 Dashboard Theme with 2.6k stars on Github and actively supported by ModularCode.

Dashboard Links

Admin Dashboard ModularAdmin - Open-Source Admin panel.

Build from sources

$ git clone https://github.com/modularcode/modular-admin-html.git
$ cd modular-admin-html
$ yarn # install modules
$ yarn start # start the app in development mode
$ yarn build # start the app in development mode

Admin Dashboard ArchitectUI

ArchitectUI Dashboard Free is a lightweight admin panel that comes packed with the minimal set of components to get you started. If you have a simple application, it’s the perfect solution for you.

Dashboard Links

Admin Dashboard ArchitectUI - Free Admin Dashboard

Build from sources

$ git clone https://github.com/DashboardPack/architectui-html-theme-free.git
$ cd architectui-html-theme-free
$ npm install # install modules
$ npm run start # start the app in development mode
$ npm run build # bundle the app for production

Admin Dashboard CoreUI

One of the most popular open-source admin panel templates built on top of Bootstrap.
CoreUI admin dashboard delivers a bunch of responsive, customizable, and reusable components you need to create modern, beautiful, responsive apps. CoreUI makes app development lightning fast.

CoreUI Dashboard Links

Admin Dashboard CoreUI - Free Bootstrap Dashboard

Build CoreUI from sources

$ git clone https://github.com/coreui/coreui-free-bootstrap-admin-template.git
$ cd coreui-free-bootstrap-admin-template
$ yarn # install modules
$ npm run serve # start the app in development mode
$ npm run build # production build

Material Dashboard Dark

Material Dashboard Dark is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. Material Dashboard is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design.

Material Dashboard Dark Edition - Free Admin Panel.

Material Dashboard Dark Edition makes use of light, surface, and movement. The general layout resembles sheets of paper following multiple different layers so that the depth and order are obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

Material Dashboard Dark Links

Build Material Dark from sources


$ git clone https://github.com/creativetimofficial/material-dashboard.git
$ cd material-dashboard
$ yarn # install modules
$ gulp open-app # start the app in development mode
$ gulp compile-scss # production build


This is an open list, feel free to suggest more items.


Resources


Thank you!

Posted on by:

sm0ke profile

Sm0ke

@sm0ke

#Automation, my favorite programming language

Discussion

pic
Editor guide
 

Awesome list! Please do one on automation of Vuejs / javascript code.

 

Hello KP,
Can you elaborate, please?

 

Hi @sm0ke ! Looking at your profile, you know a thing or two about automation....and I'm wondering if you know enough about automation of Vuejs / javascript code to write an article about that.

Hello @KP,
Yep, I will. Right now I'm using sort automation for Vue, React apps, but I'm still in the R&D phase. My current work-flow:

  • Use the Html Parser to extract the components
  • Inject Components, layouts in Vue, React boilerplates.
  • Apps are built on a decoupled architecture, where the backend and the frontend are separated.

Anyway, I'm years behind Nuxt, and other tools, but in the end, my automation flow produces apps with usable UI, which is great IMO.

@sm0ke : Nuxt is great but incredibly complex imo. I'm playing with laravel + inertiaJs at the moment, and am loving it. Look forward to seeing what you cook up!

AppSeed - App Generator - this product put together my whole R&D work for the last two years.
The hidden fact about it is that I'm using automation to generate apps for different technologies:

  • vue, react
  • full-stack boilerplates
  • jamstack apps
  • bulma css apps

More will come, in the near future because my flow becomes faster. Apps can be used without an account because we all knew that open-source is a sexy thing.

Now I'm looking for options to migrate legacy Bootstrap apps to Bulma CSS & Tailwind. I will provide an open-source tool for this in the next 2mo. The idea is not mine, check out this tool, written in Php. :)

I will code the tool in Python / BS4 with an extension to Tailwind. But this is another R&D jump.

@sm0ke ...great work! Looks like a lot went into this. For some reason I thought automation meant testing (versus automated builder tools). This is pretty cool, too!

Thank you!

 

This is gold ✨
Can you do one for Angular too? And not just dashboards.. but also include landing pages etc. 🔥

 

Yeah, people always seem to miss out on Angular.. even though it's widely used

 

Hello Marcus,

Angular is a great library, but I'm writing my articles starting from my own experience and Angular is not on my tech list, unfortunately.

Happy coding :)

 

Noted. Thank you!

 

You’re the hero this world needs

 
 

Hi Sm0ke! Great article. I've always been curious as to how Admin dashboards work. Can you do a beginner article on how to use a simple one and it's benifits and such? A primer, if you will. :)

 

Hello @kaushalgautam ,
I will try to add the topic you suggest on my list.
I have some articles related to dashboards topic but are related to Flask. Take a look, and tell me if you find them useful.

 

The first link is good. I skimmed through it and I believe there are things I don't know in it. I will check it out. A dashboard primer would still be great though. :)

 

This is great, thanks!! Always nice to see what others are making in the dashboard space.

 
 

Awesome! Request if you can share the same for Angular 7 :)

 

Hey Sm0ke .. any plans to support Spring framework boilerplate with VueJs?

 

Hello @razrcallahan ,

Thanks for noticing this article. Nope, sorry. Java is too heavy for my toolchain. I'm continuing my R&D to light resources like Flask, Static sites, and small footprint frameworks.

Spring is great but I'm working alone in my startup.
We can chat on my Discord if you want.

See u!