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.
For more free dashboards, please access Admin Dashboards - Open-Source and Free, a popular article published here on Dev. Thank you!
- Built with React
- Permissive license: MIT License, Apache License
- Modern Design
- The product is actively supported
- Minimum tooling (gulp, webpack, parcel)
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!
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.
- Airframe React Dashboard - the product page
- Airframe React Dashboard - the source code
- Airframe React Dashboard demo
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
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 - the official page
- React Dashboard Argon sources - available on Github
- React Dashboard Argon demo
Build React Dashboard Argon from sources
$ git clone https://github.com/creativetimofficial/argon-dashboard-react.git $ cd argon-dashboard-react $ yarn $ yarn start $ yarn build
A beautiful and clean UI Kit coded in React and actively supported by Codecalm (funny name)
- Tabler React - Github repo
- Tabler React - Live DEMO
- Tabler React - Bootstrap Version, also free & open-source
$ git clone https://github.com/tabler/tabler-react.git $ cd tabler-react $ yarn # install modules $ yarn start # start in development mode
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
$ git clone https://github.com/DashboardPack/architectui-react-theme-free.git $ cd architectui-react-theme-free $ yarn # install modules $ yarn start # start in development mode $ yarn build # build for production
React Dashboard Material is a free Material-UI Admin with a fresh, new design inspired by Google's Material Design with a beautiful set of components. Material Dashboard React was built over the popular Material-UI v4.1.0 framework.
- React Dashboard Material - official product page
- React Dashboard Material demo
$ git clone https://github.com/creativetimofficial/material-dashboard-react.git $ cd material-dashboard-react $ yarn # install modules $ yarn start # start in development mode $ yarn build # build for production
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.
- React Dashboard Paper - the official product page
- React Dashboard Paper demo
- React Dashboard Paper sources - published on Github
$ 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 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.
- React Dashboard Now UI the official product page
- React Dashboard Now UI demo
- React Dashboard Now UI sources - avalable on Github
$ 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.
Build React Dashboard Vibe from sources
$ git clone https://github.com/NiceDash/Vibe.git $ cd Vibe $ yarn $ yarn start
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 Material Admin - live DEMO
- React Material Admin - the source code published on Github
- React Material Admin - the official product page
- React Material Admin - a complete product review on Admin-Dashboards.com
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
React Dashboard Shards Lite
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
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 demo
- React Dashboard Black sources - available on Github
- React Dashboard Black - the product info
- MIT License
React Dashboards an article written by ColorLib. More than half of the apps are commercial.
Dashboards made with React, written by MadeWithReact.com.
- React Dashboards index provided by Admin-Dashboards.com
- Admin Dashboards - index provided by AppSeed