Sm0ke

Posted on Sep 5, 2020 • Edited on Nov 25, 2022

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

#react #vue #angular #dashboards

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.

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

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 Angular Dashboard - the official product page
🎁 More Angular Templates - provided by CodedThemes

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

(React) Admin Dashboard - React Black
(React) Admin Dashboard - React Argon
(React) Admin Dashboard - React Light Blue
(React) Admin Dashboard - React Material Lite
(React) Admin Dashboard - React Datta Able

(Vue) Admin Dashboard - Vue Black
(Vue) Admin Dashboard - Vue White
(Vue) Admin Dashboard - Vue Argon
(Vue) Admin Dashboard - Vue Star Admin
(Vue) Admin Dashboard - Vue ArchitectUI

(Angular) Admin Dashboard - Angular Black
(Angular) Admin Dashboard - Angular Ngx-Admin
(Angular) Admin Dashboard - Angular Star Admin
(Angular) Admin Dashboard - Angular Argon
(Angular) Admin Dashboard - Angular Material

(Bootstrap) Admin Dashboard - Black Design
(Bootstrap) Admin Dashboard - Volt Design
(Bootstrap) Admin Dashboard - CoreUI
(Bootstrap) Admin Dashboard - Argon
(Bootstrap) Admin Dashboard - Datta Able

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 Material-UI React - product page
Argon Material-UI React PRO - more pages and components

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 Dashboard Black - product page
React Dashboard Black PRO - premium version

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 - product page
React Dashboard Argon PRO - premium version

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.

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 MaterialPro Lite - product page
React MaterialPro - premium version

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 Datta Able - product page
React Datta Able PRO - premium version

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 - product page

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 - product page
Vue Dashboard Argon PRO - premium version

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.

Vue Star Admin - product page
Vue Star Admin PRO - premium version

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 - Github repository
Vue Dashboard ArchitectUI - Live DEMO

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.

Dashboard Vue Black - product page
Dashboard Vue Black PRO - premium version

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

Ngx-Admin, the product page
Ngx-Admin Demo, Default (light) theme
Ngx-Admin Demo, Dark Theme

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.

Dashboard Angular Black - product page
Dashboard Angular Black PRO - premium version

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

Angular Star Admin - product page
Angular Star Admin PRO - premium version

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

Dashboard Angular Argon
Dashboard Angular Argon PRO - premium version

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.

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

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.

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

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
Admin Dashboard Argon PRO - premium version

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.