Hello coder,

If you plan to build your next admin dashboard using React, this list with open-source templates might help you a little bit. All open-source admin panels listed in this article are suitable for hobby and commercial products and are actively supported by the publishers.

Content provided by AppSeed, a platform used by 2k+ developers.

Selection criteria

Built with React

Permissive license: MIT License, Apache License

Modern Design

The product is actively supported

Minimum tooling (gulp, webpack, parcel)

Motivation to write this article

The existing Top 20+ React Dashboards articles, most of them, are written by publishers with this bad habit of sniffing a lot of commercial apps in the content, without mention this aspect in the title.

I’m not saying this is good or bad, but is not obvious if the apps are free or not, just by reading the title. Well, this is not the case here. Let's go!

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!

Theme provider - Creative-Tim

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:

Build from sources

$ # Clone the source code $ git clone https://github.com/creativetimofficial/argon-dashboard-react.git $ cd argon-dashboard-react $ $ # Install modules & dependencies $ yarn $ $ # Development build $ yarn start $ $ # Production build $ yarn build

Theme provider - Creative-Tim

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.

Theme provider - Creative-Tim

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.

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.

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.

Theme provider - Creative-Tim

Dashboard React 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.

Build from sources

$ # Download the source code $ git clone https://github.com/creativetimofficial/paper-dashboard-react.git $ cd paper-dashboard-react $ $ # Install modules & dependencies $ yarn $ $ # Development build $ yarn start $ $ # Production build $ yarn build

Theme provider - BootstrapDash

Star Admin React Free template presents unlimited customization options to users. It gives you access to a wide variety of essential elements that will allow you to bring a unique touch to your web application. The template features a carefully crafted dashboard with plenty of neatly arranged and organized components and is capable of making the process of data visualization simpler.

Theme provider - Creative-Tim

React Dashboard Now UI 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 collection 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.

Build from sources

$ # Download the source code $ git clone https://github.com/creativetimofficial/now-ui-dashboard-react.git $ cd now-ui-dashboard-react $ $ # Install modules & dependencies $ yarn $ $ # Development build $ yarn start $ $ # Production build $ yarn build

Theme provider - Creative-Tim

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:

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.

Theme provider - Webkom

Airframe Dashboard with a minimalist design and innovative Light UI will let you build an amazing and powerful application with great UI. Perfectly designed for large scale applications, with detailed step by step documentation.

This Airframe project is a typical Webpack based React app, React Router also included together with customized Reacstrap. This project has all of it's few dependencies up to date and it will be updated on a regular basis.

Build Airframe React from sources

$ git https://github.com/0wczar/airframe-react.git $ cd airframe-react $ npm install # install modules $ npm start # start in development mode $ npm run build:prod #create a production build

Theme provider - CodeCalm

A beautiful and clean UI Kit coded in React and actively supported by Codecalm (funny name)

Dashboard links

Tabler React - Github repo

Tabler React - Live DEMO

Tabler React - Bootstrap Version, also free & open-source

Theme provider - ArchitectUI

ArchitectUI React Dashboard template is a free, open-source admin panel coded in React. It comes packed with a set of beautiful elements and components that can offer you a head start in developing your web application. It has a fully responsive layout, multiple color schemes for both Bootstrap elements and layout components. ArchitectUI React is powered by Bootstrap 4, Webpack and it uses create-react-app from Facebook Dev.

ArchitectUI React - product page

ArchitectUI React - Live DEMO

ArchitectUI React - the dashboard source code

React Dashboard Vibe

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

Build React Dashboard Vibe from sources



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

Theme provider - FlatLogic

React 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 Shards Lite

Theme provider - DesignRevision

React Dashboard Shards Lite is a free React admin dashboard template pack featuring a modern design system and lots of custom templates and components, provided by DesignRevision. The design is minimalistic and clean. Dashboard resources:

React Dashboard Shards Lite demo

MIT License

No Free access, users must provide the email, deliverable Zip archive

Beautiful design, light UI, looks impressive on mobile

Available Pages: Dashboard, blog posts, tables, and user profile.

No Login or Registration pages.

React Dashboard Shards Lite review - a complete product review on Admin-Dashboards.com

Similar posts, from other publishers

React Dashboards an article written by ColorLib. More than half of the apps are commercial.

Dashboards made with React, written by MadeWithReact.com.

Resources

React Dashboards index provided by Admin-Dashboards.com

Admin Dashboards - index provided by AppSeed