React Dashboards - Open-Source and Free

in
blog, react-dashboards, open-source

Hello audience,

This article is a curated list with admin dashboards coded in React released under a permissive license ( MIT, Apache ) by the publishers. All apps listed on this page are suitable for hobby or commercial projects.

The Motivation for writing this article

The existing Top 45+ React Dashboards .. articles, most of them, are written by the publishers, and sometimes they have this habit of sniffing a lot of commercial apps 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 with this index. All apps listed here are released under the MIT license, and we will mention if the publisher requests the email address or not to deliver the app.

Note for newcomers

The goal of this open-source service is to promote admin dashboards crafted by restless geeks and freelancers, to become visible in front of big sharks and jailed markets (e.g. ColorLib, ThemeForest).

You may read here how it works, and the whole idea behind this service.

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:

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

React Dashboard Argon - animated presentation.

React Dashboard Tabler

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

React Tabler - Open-Source React dashboards

Build from sources

$ git clone https://github.com/tabler/tabler-react.git
$ cd tabler-react
$ yarn # install modules
$ yarn start # start in development mode

React Dashboard Material Admin

React Dashboard Material Admin is an admin panel template built with Material-UI framework, coded entirely in React by FlatLogic company. The design is delivered with a few sample pages: main dashboard page, login, registration, typography and a minimum set of UI elements, and has no jQuery or Bootstrap dependency. Dashboard information:

The app is well organized, and the source code is clean and well documented. React Dashboard Material Admin was successfully built on two environments (x64 Win10, and Ubuntu 18.04) without issues or workarounds.

React Dashboard Material Admin - Animated presentation in gif format.


ArchitectUI React Dashboard

ArchitectUI React Dashboard template is the 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 Dashboard - Free React Admin Panel.

Build from sources

$ 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 Paper

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 - Gif animated intro.

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

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

  • Shards Dashboard Lite React demo
  • License: MIT
  • 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 - Animated presentation in gif format.


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:

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.

React Dashboard Light Bootstrap - Animated presentation in gif format.


React Dashboard Black

Black Dashboard React is a beautiful Bootstrap 4 (Reactstrap) 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 - Animated presentation in gif format.

React Dashboard Now UI

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 - gif animated intro.

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

Add your work in this page

Admin-Dashboards.com is an open-source project, created to promote the work of freelancers and small agencies for free. To get listed on this page or in other sections of this website, fork the project on Github and add your content in the proper category.

By Sm0ke <('_')> #automation geek.
Projects: Admin-Dashboards.com (open-source), AppSeed.

Read next: