21 Free Open-source React Dashboards and Control Panel Templates

21 Free Open-source React Dashboards and Control Panel Templates

React is an amazing framework for building scalable apps. It also has a growing supportive community of passionate developers all around the world.

In terms of templates, and UI components, React does not have any shortage, thanks to its active community.

As we reviewed the best Vue dashboard and control panel templates in this list, It is time to do the same to our React collection.

12 Best Free Next.js Dashboard Admin Templates
Next.js is a React-based web framework that enables server-side rendering and other performance optimizations for web applications. It is a powerful framework for building web applications using React. It offers server-side rendering, automatic code splitting, and optimized performance. With Next.j…

Kindly, note that there are some of these templates that comes with extra pro features that are not open-source or even free, but you can still find the alternative if you go through all items of this list.

So here we go.

1- Horizon UI

Horizon UI is a modern fancy looking open-source dashboard framework that is built on top of React and Chakra UI.

It is highly responsive and comes with dozens of customization options and pages.

The included pages are profiles, NFT page, authentication page, static pages, and streams.

Horizon UI is well documented and comes with dozens of customizable components.

It has charts, search, dozens of button styles, clean look, and fancy colors and gradients.

It comes in two editions; the free open-source edition and the Pro edition which offers more components and pages.

GitHub - horizon-ui/horizon-ui-chakra: Horizon UI JavaScript ⭐️ The trendiest & innovative Open Source Admin Template for Chakra UI & React!
Horizon UI JavaScript ⭐️ The trendiest & innovative Open Source Admin Template for Chakra UI & React! - GitHub - horizon-ui/horizon-ui-chakra: Horizon UI JavaScript ⭐️ The trendiest & i…

2- Volt Bootstrap Dashboard

Volt is a free and open-source React dashboard for building a fast responsive control panel for almost anything.

Underneath, it uses Bootstrap 5 and comes with many reusable components that include forms elements, many chart types, and several pages.

If you do not want to use the React version, you can also use the Bootstrap 5 HTML version, which is free and open-source.

Volt is an open-source that is released under the MIT License, but it is also copyrighted in 2021 for Themesberg (Crafty Dwarf LLC).

GitHub - themesberg/volt-react-dashboard: Free and open source React.js admin dashboard template and UI library based on Bootstrap 5
Free and open source React.js admin dashboard template and UI library based on Bootstrap 5 - GitHub - themesberg/volt-react-dashboard: Free and open source React.js admin dashboard template and UI…

3- Lightence

Lightence is a React-powered 100% FREE Admin Dashboard Template for building rich user interfaces significantly faster. For developers of all levels. Open-source and maintained by the Altence team.

Lightence Is a Free Outstanding Full-Featured Dashboard Template for React
React is a popular open-source web development framework for creating interactive web apps. It has a large community of developers of all levels, and it is the first choice for many companies and enterprise developers. Open-source React templates save developers time, and fasten their development s…
GitHub - altence/lightence-ant-design-react-template: Free and easy-to-use admin template based on React 17+
Free and easy-to-use admin template based on React 17+ - GitHub - altence/lightence-ant-design-react-template: Free and easy-to-use admin template based on React 17+

4- AdminLTE

AdminLTE is an open-source classical looking dashboard and control panel template for React.

It offers a customizable user-friendly dashboard that can work for almost anything.

AdminLTE is released under the MIT License.

GitHub - asispts/react-lte: AdminLTE v3 template for ReactJS
AdminLTE v3 template for ReactJS. Contribute to asispts/react-lte development by creating an account on GitHub.

5- React Bootstrap Admin Template

This is a simple customizable React control panel template that also uses Bootstrap CSS framework. It allows developers to build a quick dashboard for lightweight projects.

GitHub - imtarundhiman/reactjs-bootstrap-admin-template: This is a starter admin template built with bootstrap and react js.
This is a starter admin template built with bootstrap and react js. - GitHub - imtarundhiman/reactjs-bootstrap-admin-template: This is a starter admin template built with bootstrap and react js.

6- Dashio-Admin React Admin Dashboard Template

With its clean and light look, Dashio offers a seamless straightforward user experience. It also comes with a full built-in support, dozens of pages, forms, several functional data-driven charts, and widgets.

Developers can easily customize it looks or build custom pages on top of it.

GitHub - quintuslabs/dashio-admin: Admin panel in react
Admin panel in react. Contribute to quintuslabs/dashio-admin development by creating an account on GitHub.

7- React Dashboard made with Material UI for Next.js

This one is a free React Admin Dashboard made with MUI's components, React and of course Next.js to boost your app development process!

The included pages are:

  1. A customizable dashboard page
  2. Users pages: Profile, Settings, and Stream
  3. eCommerce pages: Product add pages, View product page, Catalogs
  4. Register and login pages

The Material React Dashboard has two editions; the free one and the pro edition that offers more enterprise-ready components, pages, and widgets.

GitHub - devias-io/material-kit-react: React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other
React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other - GitHub - devias-io/m…

8- React version of Material Dashboard by Creative Tim

Material Dashboard 2 React is our newest free MUI Admin Template based on React. If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, and highly customizable, here is your match.

The pro version includes more custom pages, elements, and styles.

GitHub - creativetimofficial/material-dashboard-react: React version of Material Dashboard by Creative Tim
React version of Material Dashboard by Creative Tim - GitHub - creativetimofficial/material-dashboard-react: React version of Material Dashboard by Creative Tim

9- Berry

Berry is yet another MUI-based React dashboard. It is too coming in a rich free version and a pro edition with more pages, and components.

Berry offers a mobile-first responsive experience, so you do not need to work on any mobile customization later.

It includes a dozen of responsive interactive charts, 5 sample pages, 50 UI components for the free version and rich developer-friendly documentation.

React Berry Dashboard - Open-Source Starter (Node JS API)
Open-Source Full-Stack starter that uses a modern React Design (Berry Dashboard) powered by Node JS API.

10- Windmill Dashboard

Windmill is a feature-rich dashboard template for React that comes with a built-in PWA (Progressive Web Application) support, React router, and a rich icon set (using Heroicons).

Unlike the previous templates on this list, Windmill uses the Tailwind CSS framework, which offers a functional, utility-based workflow and experience for developers.

GitHub - estevanmaito/windmill-dashboard-react: ❄ A multi theme, completely accessible, ready for production dashboard.
❄ A multi theme, completely accessible, ready for production dashboard. - GitHub - estevanmaito/windmill-dashboard-react: ❄ A multi theme, completely accessible, ready for production dashboard.

11- React Dashboard Pro

Dynamic Dashboard functionality in just a few simple steps

It solves the customization needs of Dashboard + Widget, which are almost used by the B-side of "Thousands of People, Thousands of Faces".

GitHub - yuanguandong/react-dashboard-pro: One-stop dashboard solution out of the box 开箱即用的一站式仪表板解决方案
One-stop dashboard solution out of the box 开箱即用的一站式仪表板解决方案 - GitHub - yuanguandong/react-dashboard-pro: One-stop dashboard solution out of the box 开箱即用的一站式仪表板解决方案

12- Square React Dashboard

Square React Dashboard is a light clear-looking dashboard that fits for project management dashboard as it comes with fully-functional Kanban boards.

It also features a backend Google Firebase integration, so it can be an ideal solution for building a quick task and project management projects.

GitHub - heysafronov/square-react-dashboard: 👨‍🎤 React Dashboard Template built with TypeScript
👨‍🎤 React Dashboard Template built with TypeScript - GitHub - heysafronov/square-react-dashboard: 👨‍🎤 React Dashboard Template built with TypeScript

13- Mantis Free React Material UI Dashboard Template

Mantis is a free and open source React Redux dashboard template made using the Material UI React component library with aim of flexibility and better customizability.

The free version comes with 9 demo pages, and several compo ants, but if you want more features you should check the pro version which offers 130+ pages, RTL support, built-in auth modules, Figma design files, and it also comes with full TypeScript code.

GitHub - codedthemes/mantis-free-react-admin-template: Mantis is React Dashboard Template having combine tone of 2 popular react component library - MUI and Ant Design principles.
Mantis is React Dashboard Template having combine tone of 2 popular react component library - MUI and Ant Design principles. - GitHub - codedthemes/mantis-free-react-admin-template: Mantis is React…

14- React Kanban Dashboard Template

This is another React-based Kanban dashboard for building team-based collaborative task management apps.

It does not include pages, as it is not a component-rich template, but it is a lightweight and easy to modify and licensed under the MIT License.

GitHub - heysafronov/fogga-kanban: 🎽 React Kanban Dashboard Template
🎽 React Kanban Dashboard Template. Contribute to heysafronov/fogga-kanban development by creating an account on GitHub.

15- Modern Cryptocurrency Dashboard UI

If you are building a Crypto-based apps with React, then you should check Modern Cryptocurrency Dashboard UI, which is a simple, clean and fancy-looking panel.

Here is the original inspiration of how does it look like.

React Dashboard
The original inspiration (src)
GitHub - xencodes/modern-crypto-dashboard-ui: Modern Cryptocurrency Dashboard UI using React JS (Inspired by a Dribbble design)
Modern Cryptocurrency Dashboard UI using React JS (Inspired by a Dribbble design) - GitHub - xencodes/modern-crypto-dashboard-ui: Modern Cryptocurrency Dashboard UI using React JS (Inspired by a Dr…

16- Array Dashboard

Arry dashboard Create By Rajdeep Singh.Array is A open source Project build with react.js and bootstrap 4.

GitHub - officialrajdeepsingh/Array: Array an open-source dashboard Project build with react.js. Everybody uses its own website or project. >Watch Demo
Array an open-source dashboard Project build with react.js. Everybody uses its own website or project. >Watch Demo - GitHub - officialrajdeepsingh/Array: Array an open-source dashboard Project…

17- Muse Ant.Design React

Muse Ant Design React Dashboard is another CreativeTim outstanding dashboards. And as the other CreativeTim products, it has a free and a pro version.

Muse Ant Design Dashboard is a free Admin Template based on two popular front-end technologies: Ant Design & React. It was built to simplify the developer's work and is comes with a fresh design inspired by Ant Design. All its components are built to fit perfectly with each other, while aligning to the Ant Design concepts.
Muse Ant Design Dashboard by Creative Tim
Free React & Ant Design Admin Template

18- Datta Able Free React Control Panel

Datta Able React Free Admin Template made using Bootstrap 4 framework, It is a free lite version of Datta Able Pro Dashboard Template that makes you fulfill your Dashboard needs.


Datta Able React Free Admin Template comes with variety of components like Button, Badges, Tabs, Breadcrumb, Icons, Form elements, Table, Charts & Authentication pages.

The code structure is high flexible to use and modify.

GitHub - codedthemes/datta-able-free-react-admin-template: Free version of datta able react
Free version of datta able react. Contribute to codedthemes/datta-able-free-react-admin-template development by creating an account on GitHub.

19- Flexy

Flexy is a free dashboard for React and Next.js. Its developers also offer a pro version with more components, pages, and widgets. But for many the free version which licensed under the MIT license is more than enough.

Flexy Free Material UI Next Js Template
Grab the Free Material UI Next Js Template. It Created with the most famous Material framework MUI. Get Now For Free.

20- Argon Dashboard Chakra

Yet another React-based Dashboard from CreativeTim. It offers a full responsive experience for mobile and tablet users, fancy icons, eCommerce widgets.

Argon Dashboard Chakra by Creative Tim
Free Chakra UI Dashboard React

21- Black Dashboard React

Black Dashboard for React is a dark themed dashboard template from also CreativeTim, that comes with fancy dark and bright colors for charts, responsive design, and clean code with developer-friendly docs.

Black Dashboard React by Creative Tim
Free Bootstrap 4 (reactstrap) Admin Template

Conclusion

Open-source free React dashboard and control panel templates can save developers dozens of time and effort, as they are mostly comes with dozens of production-ready components, widgets, elements, and features.

As We encourage developers to look for the open-source versions first, we list some totally open-source projects here, which we highly recommend before jumping into the pro editions.

The pro editions are often come with support, more components, custom pages, widgets, and features, which may to be needed if you are working on a large enterprise-grade projects, so trade carefully.

If you know of any other open-source React dashboard template that we didn't list it here, let us know.

12 Best Free Next.js Dashboard Admin Templates
Next.js is a React-based web framework that enables server-side rendering and other performance optimizations for web applications. It is a powerful framework for building web applications using React. It offers server-side rendering, automatic code splitting, and optimized performance. With Next.j…
18 Open-source and Free Next.js Full-stack Starters For Enterprise and Startups
What is Next.js? Next.js is an open-source React-based framework used for building server-side rendering (SSR) web applications. It provides an efficient and easy-to-use environment for developing web applications with minimal setup and configuration. If you are new to Next.js and looking for a st…
21 Free Open-source React Dashboards and Control Panel Templates
React is an amazing framework for building scalable apps. It also has a growing supportive community of passionate developers all around the world. In terms of templates, and UI components, React does not have any shortage, thanks to its active community. As we reviewed the best Vue dashboard and…
28 Next.js Free Open Source Boilerplate, Dashboards, Templates, and Starters
Next.js is an open-source web framework for React. It offers an easy workflow to build reactive scalable enterprise-grade apps. Next.js can also be used to to build desktop apps with Electron and Tauri (Rust), as well as mobile apps with Electron. Because Next.js has a vast wide
13 Open-source Next.js Landing Page Templates and Starters
Next.js is an open-source React front-end development web framework created by Vercel. React is a popular JavaScript library used for building user interfaces and Next.js provides additional features for server-side rendering, static site generation, and automatic code splitting. One of the main ad…







Open-source Apps

9,500+

Medical Apps

500+

Lists

450+

Dev. Resources

900+

Read more