DEV Community

Cover image for Admin Dashboards - Open-Source and Free
Sm0ke
Sm0ke

Posted on • Updated on • Originally published at appseed.us

Admin Dashboards - Open-Source and Free

Hello Coders,

This article presents a curated list with open-source admin dashboards provided by well-known agencies and open-source enthusiasts. The projects are actively supported and the permissive license allows the usage for hobby and commercial projects. Used technologies: Bootstrap 4/5, React, Flask, and Django (Python-based web frameworks).

Thanks for reading! - Content provided by App Generator.



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!


🔥 Soft UI Dashboard Flask

Admin dashboard built in Flask Framework. Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is ready to help you create stunning websites and webapps. 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.


Flask Soft UI Dashboard - product page (contains DEMO & sources)


Soft UI Dashboard - Open-source admin dashboard coded in Flask.


Purity React Dashboard

Designed for those who like modern UI elements and beautiful websites Purity React Dashboard is made of hundreds of elements, designed blocks, and fully coded pages. 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.


Purity React Dashboard - product page (contains DEMO & sources)


Open-source React Dashboard - Purity UI, a free dashboard crafted by Creative-Tim using Chakra UI.


Datta Able Django

Datta Able (Free Product) 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. Comes with error/bug-free, well structured, well-commented code and regularly with all latest updated code. This saves you a large amount of developing backend application time and it is fully customizable.


Datta Able Django - product page (contains DEMO & sources)


Django Dashboard - Datta Able Design.


Soft UI React Material-UI

Start your next project with an innovative React Template for Material-UI and React. For newcomers, Soft UI is one of the hottest design trend right now crafted carefully with amazing layouts and beautifully handcrafted components.

Soft UI Material-UI React 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.


Soft Material UI React - product page (contains DEMO and sources)


Soft Material UI - Open-source React Dashboard crafted by Creative-Tim on top of Material UI Library using Soft UI principels.


Volt Bootstrap 5 - Flask

Open-Source Flask Dashboard coded with basic modules, database, ORM, and deployment scripts on top of Volt (free version), a modern Bootstrap dashboard design. 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 is jQuery-free.


Flask Bootstrap 5 Volt - product page (contains DEMO & sources)


Flask Dashboard Volt - Template project provided by AppSeed.


React Node JS Datta Able

Datta Able is an open-source React Dashboard that provides a colorful and modern design. Datta Able React Free is the most stylised React Free Admin Template, around all other admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code. The product comes with a simple JWT authentication flow: login/register/logout.


React Nodejs Datta Able - product page (contains DEMO & sources)


React Dashboard - Full-stack Datta Able Dashboard, now available wiht Node JS Backend.


React Node JS Berry

Berry is a creative free React Dashboard build using the Material-UI by CodedThemes agency. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops. The product comes with a simple JWT authentication flow: login/register/logout.


React Nodejs Berry - product page (contains DEMO & sources)


React Nodejs Berry - Open-source full-stack seed project crafted by CodedThemes and AppSeed.


NextJS Material Dashboard

Open-source Next JS Template - is a free Material-UI, NextJS and React 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. NextJS Material Dashboard was built over the popular Material-UI, NextJS and React frameworks.


NextJS Material - product page (contains DEMO & sources)


NextJS Material Dashboard - Open-source template coded in React.


Argon Material-UI React

Argon Dashboard Material-UI is an open-source React dashboard styled with a modern Material-based design. Argon Dashboard Material-UI 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 JSS files.


Argon Material-UI React - product page (contains DEMO & sources)


Argon Dashboard Material-UI - Open-source dashboard template for React and Material UI.


Gradient Able - Flask

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 Gradient Able - product page (contains DEMO & sources)


Flask Gradient Able - Open-Source template project provided by AppSeed.


Black Dashboard - Django

Simple Django starter coded with authentication, database, and deployment scripts. Black Dashboard is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing.


Django Dashboard Black - product page (contains DEMO & sources)


Django Dashboard Black - Template project provided by AppSeed.


React Material Dashboard

Material Dashboard React is a free Material-UI 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 React was built over the popular Material-UI v4.1.0 framework.


Material Dashboard React - product page (contains DEMO & sources)


Material Dashboard React - Free admin dashboard coded in React.


Tailwind React Dashboard

Notus React is built with over frontend 100 individual components, giving you the freedom to choose and combine. All components can take variations in colors that you can easily modify using Tailwind CSS classes.

If you like bright and fresh colors, you will love this Free Tailwind CSS Template! It features a huge number of components that can help you create amazing websites.


Tailwind React Dashboard - product page (contains DEMO & sources)


Tailwind CSS React Dashboard - Free starter provided by Creative-Tim.


Bootstrap Template Material

Material Dashboard is a free Material Bootstrap 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 framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.


Material Dashboard - product page (contains DEMO & sources)


Bootstrap Template - Material Dashboard.


Bootstrap Template Argon

Start your development with a 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.


Argon Dashboard - product page (contains DEMO & sources)


Bootstrap Template - Argon Dashboard.


DashboardKit Bootstrap 5

A modern Bootstrap 5 dashboard template provided CodedThemes for free. The project comes with multiple layout options, sample pages, components, regular updates, and active support.



DashboardKit - Open-source Bootstrap 5 dashboard template


Datta Able Bootstrap 4

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


Datta Able Bootstrap 4 - product page (contains DEMO & sources)


Datta Able Bootstrap 4 - Open-Source dashboard template


Black Dashboard

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.


Admin Dashboard Black - product page (contains DEMO & sources)


Admin Dashboard Black - Bootstrap4 Admin Dashboard.


Azia Dashboard

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 Dashboard 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.


Star Admin Dashboard

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.


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


Resources


Thank you! Btw, my (nick) name is Sm0ke and I'm pretty active also on Twitter.

Discussion (29)

Collapse
kp profile image
KP

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

Collapse
sm0ke profile image
Sm0ke Author

Hello KP,
Can you elaborate, please?

Collapse
kp profile image
KP

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.

Thread Thread
sm0ke profile image
Sm0ke Author

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.

Thread Thread
kp profile image
KP

@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!

Thread Thread
sm0ke profile image
Sm0ke Author • Edited

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.

Thread Thread
kp profile image
KP

@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!

Thread Thread
sm0ke profile image
Sm0ke Author

Thank you!

Collapse
theme_selection profile image
themeselection • Edited

Awesome list. 🙌
We have just released Vuexy- Angular version.

What's in the angular version?
👉Based on NgBootstrap
👉Angular CLI
👉Role-based JWT Auth
👉API Ready
👉Sketch & Figma files added
👉Internationalization/i18n & RTL Ready and many more.

Collapse
sm0ke profile image
Sm0ke Author

Looks good! Let me know if the product has an open-source version.

Collapse
kaushalgautam profile image
Kaushal Gautam

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

Collapse
sm0ke profile image
Sm0ke Author

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.

Collapse
kaushalgautam profile image
Kaushal Gautam

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

Collapse
geopopos profile image
George Roros

You’re the hero this world needs

Collapse
sm0ke profile image
Sm0ke Author

:)

Collapse
liyasthomas profile image
Liyas Thomas

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

Collapse
marcussa profile image
Marcus S. Abildskov

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

Collapse
sm0ke profile image
Sm0ke Author

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

Collapse
sm0ke profile image
Sm0ke Author

Noted. Thank you!

Collapse
mohdmuzzammil profile image
MohdMuzzammil

Hi,

Nodezap is an internal tool building platform. This can be used to build automations, workflows, UI, integrations and much more.

It has easy interface with collaborative environment where entire team can collaborate to build the workflow and solutions without any technical knowledge. Its easy drag and drop UI and workflow building experience makes it easy for anyone to collaborate within no time.

Collapse
vip3rousmango profile image
Al Romano

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

Collapse
sm0ke profile image
Sm0ke Author

Yw.

Collapse
idrisrampurawala profile image
Idris Rampurawala

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

Collapse
razrcallahan profile image
razrcallahan

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

Collapse
sm0ke profile image
Sm0ke Author

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!

Collapse
sm0ke profile image
Sm0ke Author

Yw. :)

Collapse
denisgolius profile image
Denis

nice

Collapse
sm0ke profile image
Sm0ke Author

Thank you!