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.
🔥 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.
✨ React Nodejs Berry - product page
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.
🔥 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.
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 Light Blue - product
- Admin Dashboard React Light Blue - product
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.
- Admin Dashboard Angular Material - product
- Admin Dashboard Angular Material - demo
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 Volt Design - product
- Admin Dashboard Volt Design - demo
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.
- Dashboard Datta Able - product page
- Dashboard Datta Able PRO - premium version
Thank You! More Resources:
- Admin Dashboards - an open-source project that promotes small companies
- More Admin Dashboards starters provided by AppSeed.
Thank you! Btw, my (nick) name is Sm0ke and I'm pretty active also on Twitter.
已为社区贡献21233条内容
所有评论(0)