DEV Community

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

Posted on • Updated on

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

Hello Coders,

This article presents a curated list with open-source admin dashboards coded for free by well-known agencies and open-source enthusiasts in modern frameworks like React, Vue, Angular, or Bootstrap. All projects can be downloaded from Github and used for coding hobby & commercial projects.

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!


πŸ”₯ React Argon ChakraUI

Start your Development with an Innovative Admin Template for Chakra UI and React. Argon Dashboard Chakra 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.

✨ Argon Dashboard Chakra - LIVE Demo

This open-source Chakra UI 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.


Argon Dashboard Chakra - Free React Dashboard Template


πŸ”₯ Soft UI Dashboard

Soft UI Dashboard is an open-source Bootstrap 5 template crafted by Creative-Tim. The product is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining.

✨ Soft UI Dashboard - product page

This Bootstrap 5 design follows the Soft UI Design System concepts, a modern pattern provided by this amazing agency. The product comes with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

Soft UI Dashboard - Open-source Bootstrap 5 template crafted by Creative-Tim.


Berry Angular

Berry Angular is the most stylized Admin Template, regularly updated which aims to help developers and designers to save time usually allocated to design a pixel-perfect layout and common components.

Berry Bootstrap - Free Angular 14 Template


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





React Based Dashboards

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 Dashboard Material-UI - Open-source dashboard template for React and Material UI.


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.

Top comments (7)

Collapse
 
crearesite profile image
WebsiteMarket • Edited

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

Collapse
 
sm0ke profile image
Sm0ke

10x

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

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

Collapse
 
simonholdorf profile image
Simon Holdorf

Nice!

Collapse
 
uithemes profile image
ui-themes

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

Collapse
 
sm0ke profile image
Sm0ke

Glad you like it! :)