React Dashboards

A curated list with open-source React Dashboards released under permissive licenses (MIT/LGPL). For newcomers, React is an open-source, front end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

✨ Laravel React Purity - Styled with Chakra UI
✨ Django React Datta Able - product page
✨ React Node JS Datta Able - Open-source full-stack seed project
✨ React Node JS Berry - Open-source full-stack seed project
✨ React Firebase Datta Able - free product built with Firebase backend
✨ Tailwind React Dashboard - product page

✨ React Laravel Purity

Open-source full-stack seed project that uses a React UI powered by a simple Laravel API Server. Laravel React Purity sample can be used to bootstrap fast a new project using a tested development-ready stack or simply for eLearning purposes by beginners. For newcomers, React is a popular Javascript library for coding user interfaces baked by Facebook and Laravel is a leading web framework written in PHP.

👉 React Laravel Purity Dashboard - product page
👉 React Laravel Purity Dashboard - LIVE Demo

✨ Django React Datta Able

Open-source full-stack seed project coded in React and Django on top of a modern design from CodedThemes. The Django React codebase is already configured with an SQLite database, API (via DRF), and JWT token-based authentication flow. Datta Able is an open-source React Dashboard that provides a colorful and modern design.

👉 Django React Datta Able - product page
👉 Django React Datta Able - LIVE Demo

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

👉 React Nodejs Berry - product page
👉 React Nodejs Berry - source code (Github)

✨ React Node JS Datta Able

Datta Able is an open-source React Dashboard that provides a colorful and modern design. Datta Able React Free is the most stylised React Free Admin Template, around all other admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code. The product comes with a simple JWT authentication flow: login/register/logout.

👉 React Nodejs Datta Able - product page
👉 React Nodejs Datta Able - Source Code

✨ React Firebase Datta Able

👉 React Firebase Datta Able - product page
👉 React Firebase Datta Able - LIVE Demo

✨ Tailwind React Dashboard

Notus React is built with over frontend 100 individual components, giving you the freedom to choose and combine. All components can take variations in colors that you can easily modify using Tailwind CSS classes.

If you like bright and fresh colors, you will love this Free Tailwind CSS Template! It features a huge number of components that can help you create amazing websites.

👉 Tailwind React Dashboard - product page
👉 Tailwind React PRO - more pages and components

✨ 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

✨ React Material Dashboard

Material Dashboard React is a free Material-UI Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard React was built over the popular Material-UI v4.1.0 framework.

👉 Material Dashboard React - product page
👉 Material Dashboard React PRO - more pages and components

✨ React Dashboard Argon

React Dashboard Argon is an open-source admin dashboard for Bootstrap4 and Reactstrap. React Dashboard Argon 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 resources:

👉 React Dashboard Argon - product page
👉 React Dashboard Argon PRO - more pages and components

✨ NextJS/React Material Dashboard

Open-source Next JS Template - is a free Material-UI, NextJS and React Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. NextJS Material Dashboard was built over the popular Material-UI, NextJS and React frameworks.

👉 NextJS Material - product page
👉 NextJS Material PRO - more pages and components

✨ Volt React Dashboard

Volt React is a free and open-source admin dashboard template powered by React.js and Bootstrap 5 featuring over 100 UI elements, customized plugins, and example pages to kickstart your single page web application.

10 Hand-crafted Example Pages - After downloading Volt React Dashboard you will get 10 high-quality example pages to save you time writing boilerplate code and set up the user interface of your website or web application in no time.

👉 Volt React Free - product page
👉 Volt React PRO - more pages and components

✨ React Dashboard Black

React Dashboard Black is a beautiful Bootstrap 4 (Reactstrap) admin dashboard with a generous 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.

👉 React Dashboard Black - product page
👉 React Dashboard Black PRO - more pages and components

✨ React Dashboard Paper

React Dashboard Paper is a Bootstrap Admin Panel which combines soft colors with beautiful typography and spacious cards and graphics. It is a powerful tool, but it is light and easy to use. It has enough features to allow you to get the job done, but it is not crowded to the point where you can't find the files for a specific plugin.

Dashboard links

👉 React Dashboard Paper - the official product page
👉 React Dashboard Paper demo

Build from sources

$ git clone https://github.com/creativetimofficial/paper-dashboard-react.git
$ cd paper-dashboard-react
$ yarn # install modules
$ yarn start # start in development mode
$ yarn build # build for production

✨ React Dashboard Now UI

Now UI React Dashboard is an admin dashboard template designed by Invision and coded by Creative Tim. It is built on top of Reactstrap, using Now UI Dashboard and it is fully responsive. It comes with a big collections of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM.

Dashboard links

React Dashboard Now UI the official product page
React Dashboard Now UI demo
React Dashboard Now UI sources - avalable on Github

Build from sources

$ git clone https://github.com/creativetimofficial/now-ui-dashboard-react.git
$ cd now-ui-dashboard-react
$ yarn # install modules
$ yarn start # start in development mode
$ yarn build # build for production

React Dashboard Vibe

React Dashboard Vibe - is a beautiful admin dashboard built with Bootstrap4, released under the MIT license.

React Dashboard Vibe demo
React Dashboard Vibe sources
React Dashboard Vibe on Reddit - 182 Upvotes

Build React Dashboard Vibe from sources

$ git clone https://github.com/NiceDash/Vibe.git
$ cd Vibe
$ yarn 
$ yarn start

React Dashboard Material Admin

React Dashboard Material Admin is an admin panel template built with Material-UI framework, and coded entirely in React (no jQuery or Bootstrap dependency). The design is delivered with a few sample pages like the main dashboard page, login, registration, typography, google maps, charts, and a minimum set of UI elements. Dashboard information and resources:

React Dashboard Material Admin demo
React Dashboard Material Admin sources - published on Github
React Dashboard Material Admin - the official product page
React Dashboard Material Admin review - a complete product review on Admin-Dashboards.com

React Dashboard Light Bootstrap

React Dashboard Light Bootstrap is an admin dashboard template, crafted by Creative-Tim. The app is built on top of React Bootstrap and use the existing design of Light Bootstrap Dashboard. Dashboard information:

React Dashboard Light demo
React Dashboard Light sources - published on Github
React Dashboard Light Bootstrap - the official product page
MIT License

At first look, the product design is clean and very easy to interact with the page controls. This app has an impressive number of downloads, more than 30k (according to the publisher). Anyone, with a basic Javascript, and React knowledge can build the app from sources.