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


Starter Links


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.


Starter Links


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.


Starter Links


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.

Links


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.


Links


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.

Links


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.

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.

Links


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.

Links


Admin Dashboard - Angular Black Design.


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

Links


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.

Links


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.

Links


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.

Links


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.

Links


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.

Links


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


Admin Dashboard - Datta Able

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.

Links


Free Admin Dashboard - Datta Able design.


Thank You! More Resources:

Posted on by:

sm0ke profile

Sm0ke

@sm0ke

#Automation, my favorite programming language

Discussion

pic
Editor guide
 

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

 
 

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?

 

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

 
 

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

 

Glad you like it! :)