DEV Community

loading...
Cover image for Admin Dashboard - 20 Free Dashboards coded in React, Vue, Angular, and Bootstrap

Admin Dashboard - 20 Free Dashboards coded in React, Vue, Angular, and Bootstrap

sm0ke profile image Sm0ke Updated on ・12 min read

Hello Coders,

This article presents a curated list with Admin Dashboards coded for free by open-source enthusiasts (companies & solo-developers) in modern frameworks like React, Vue, Angular, or Bootstrap. The license for all products listed here permits unlimited copies for hobby and commercial products. Another (important) aspects regarding this curated list:

  • All projects are cross-tested on win10 & Ubuntu 18.04
  • To compile the sources use Node12.x
  • Some kits require Gulp (global dependency)
  • Most of the products can be downloaded directly from GH
  • This is an open-list. Feel free to suggest more projects in the comments.

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!


Thanks for reading! Here are the links, sorted by technologies:





React Based Dashboards

Admin Dashboard - React Black

Theme provider - Creative-Tim


Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) 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. Black Dashboard React 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.

Black Dashboard React features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. We thought about everything, so this dashboard comes with 2 versions, Dark Mode and Light Mode.



React Admin Dashboard - Black Design, free dashboard.


Admin Dashboard - React Argon

Theme provider - Creative-Tim


Start your development with a Dashboard for Bootstrap 4, React, and Reactstrap, made with create-react-app. It is open-source, free and it features many components that can help you create amazing websites.

Argon Dashboard React 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. You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. 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, focus, that you can easily access and use.



React Dashboard Argon - Free Admin Dashboard.


Admin Dashboard - React Light Blue

Theme provider - FlatLogic


Light Blue Free React Template is an open-source web application template particularly useful for building admin dashboard interfaces with a fancy interface. It is built on top of the latest version of React, Bootstrap, and Webpack. This starter template can be a good skeleton for creating SAAS, CRM, financial management application, and so on.



React Dashboard Light Blue - Free Admin Dashboard.


Admin Dashboard - React Material Lite

Theme provider - WrapPixel


Material React Admin Lite is a carefully handcrafted beautiful react admin dashboard template of 2019. It's built with a modular and modern design concept. Material React Admin Lite is completely free to download and use for your personal as well as commercial projects.

Links


React Dashboard - Material Pro Lite, animated presentation.


Admin Dashboard - React Datta Able

Theme provider - CodedThemes


Datta Able is a Free React Admin Template, around all other 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.

Dashboard Links


React Dashboard Datta Able - Free React Admin Panel.


Vue Based Dashboards

Admin Dashboard - Vue White

Theme provider - Creative-Tim


Vue Dashboard White is a beautiful Bootstrap 4 and Vue.js Admin Dashboard with a huge number of components built to fit together and look amazing. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.
Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.



Admin Dashboard - Vue White, free dashboard.


Admin Dashboard - Vue Argon

Theme provider - Creative-Tim


Vue Dashboard Argon is an admin panel designed by Creative-Tim built with over 100 individual components. Using this app, any developer with a piece of minimum Vue knowledge can build in a few hours a functional admin dashboard ready to be deployed in production.



Vue Dashboard - Argon, app screenshot.


Admin Dashboard - Vue Star Admin

Theme provider - BootstrapDash


Vue Dashboard - Star Admin template is rich in features and components and features a massive collection of elements, icons, buttons, and other essential components. The template also guarantees a fine user experience across both mobile and desktop devices. Customizing a template to meet the specific requirements of your web app development project may seem challenging.



Star Admin Vue - Open-Source Admin Dashboard coded in Vuejs.


Admin Dashboard - Vue ArchitectUI

Theme provider - ArchitectUI


As a base framework, ArchitectUI Vue is powered by @vue/cli version 3.4.1 and Bootstrap 4 Vue implementation. It contains 15 handpicked Vue widgets and components that are perfectly integrated with each other in order to create a common design language. In order to use this Vue theme, you’ll need at least basic coding skills. Don’t worry, the theme has pretty straight forward coding and uses Vue Router for the navigation links.



Vue Dashboard ArchitectUI - Open-Source Admin Panel


Admin Dashboard - Vue Black

Theme provider - Creative-Tim


Vue Dashboard Black is a beautiful Bootstrap4 and Admin Dashboard with a generous number of components and a distinct UI. Vue Black Dashboard features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.



Admin Dashboard - Vue Black design, free dashboard by Creative-Tim.


Angular Based Dashboards

Admin Dashboard - Angular Ngx-Admin

Theme provider - Ngx-Admin


Ngx-Admin Dashboard is a popular admin dashboard based on Angular 9+ and Bootstrap 4+, free and open-source for personal and commercial purposes. The template comes with lots of popular UI components with a unified color scheme, plus it is based on a modern Angular framework and has a flexible component-based structure.

Links


Admin Dashboard - Angular Ngx-Admin.


Admin Dashboard - Angular Black

Theme provider - Creative-Tim


Start your development with a Dashboard for Bootstrap 4 and Angular, made with angular-cli. It is open-source, free and it features many components that can help you create amazing websites.

Black Dashboard Angular is a beautiful Bootstrap 4 Admin Dashboard that uses Angular 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. Black Dashboard Angular 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 - Angular Black Design.


Angular Star Admin

Theme provider - BootstrapDash


Star Admin Angular free is a beautiful and professional-looking free template ideal for different web development projects.
Everything you will need to build a stunning web application is available with the free template. It can also be easily customized to suit the requirements of different web development projects. This further simplifies the process of web app development. Tables, tabs, badges, alerts, icons, and other useful components are included with the free template.

Links


Admin Dashboard - Angular Star Admin.


Admin Dashboard - Angular Argon

Theme provider - Creative-Tim


Start your development with a Dashboard for Bootstrap 4 and Angular, made with angular-cli. It is open-source, free and it features many components that can help you create amazing websites.

Argon Dashboard Angular 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 - Angular Argon, free dashboard provided by Creative-Tim.


Admin Dashboard - Angular Material

Theme provider - FlatLogic


Angular Material Admin is a free angular template built using Typescript and based on Angular Material design. No jQuery and Bootstrap. With Angular, it is easy to built responsive, fast-loading, and seamlessly-navigating applications. You can use Angular Material Admin to build any web applications like SaaS, project management tools, CMS, data visualizations apps, etc.



Admin Dashboard - Angular Material, free dashboard by Flatlogic


Bootstrap Based Dashboards

Admin Dashboard - Black Design

Theme provider - Creative-Tim


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.
Black 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 Black Design - Free admin dashboard provided by Creative-Tim.


Admin Dashboard - Volt Design

Theme provider - Themesberg


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 scripts are jQuery-free.

Because it is created using the latest version of Bootstrap 5, every component and element is based on the latest Bootstrap 5 Sass variables and HTML markup.



Free Admin Dashboard - Volt Design.


Admin Dashboard - CoreUI

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

CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer the ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop.



Admin Dashboard - CoreUI Design, free dashboard by CoreUI.


Admin Dashboard - Argon

Theme provider - Creative-Tim


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.



Admin Dashboard - Argon Design, free dashboard by Creative-Tim.


Admin Dashboard - Datta Able

Theme provider - CodeThemes


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.



Free Admin Dashboard - Datta Able design.


Thank You! More Resources:


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

Discussion

pic
Editor guide
Collapse
crearesite profile image
WebsiteMarket

Black from CT is present in all technologies. Nice.
Thanks for writing.

Collapse
sm0ke profile image
Collapse
simonholdorf profile image
Simon Holdorf

Hey Smoke,

I think it's better to disclose that these are affiliate links. It's okay to use them imho, but why not be transparent about it?

Collapse
sm0ke profile image
Sm0ke Author

Hello Simon,
The disclosure is added at the beginning of the article. Thank you for pointing that out.

Collapse
simonholdorf profile image
Collapse
uithemes profile image
ui-themes

The last one (Datta ..) looks pretty nice.

Collapse
sm0ke profile image
Sm0ke Author

Glad you like it! :)