DEV Community

loading...
Cover image for React Dashboard - Modern UI Kits for 2021

React Dashboard - Modern UI Kits for 2021

sm0ke profile image Sm0ke Originally published at admin-dashboards.com Updated on ・5 min read

Hello Coders,

This article presents a shortlist of React Dashboards that might help us all to code new products on top of modern UI Kits crafted by open-source enthusiasts (freelancers and agencies). The list contains only FREE products actively supported and versioned by their vendors.
At the end of the article, I will mention similar (popular) articles that list 10+ React Dashboards - feel free to check the links for more great React products.


Thanks for reading! TL;DR;


  • Volt React Dashboard - crafted by Themesberg
  • NextJS Material - crafted by Creative-Tim in React/NextJS
  • CoreUI React - 3k GH stars and 1.3k forks
  • Airframe React - developed by Tomasz Owczarczyk (freelancer)
  • AntD - Open-Source design with impressive charts
  • Light Blue React - A modern dark-themed dashboard

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!


Pretty sure there are plenty of nice designed dashboards out there, probably better than the ones listed here, .. but each mentioned product has at least one strong point which can be the design, Github popularity, UX, .. etc. I will point when will be the case this key information. Let's go!


Volt React Dashboard

Theme provider - Themesberg


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 Dashboard - Open-source admin panel coded in React.


NextJS Material Dashboard

This product is crafted in NextJS, a popular and trendy React Framework.


Product Features


NextJS Material Dashboard 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 Dashboard - Open-source template coded in React.


CoreUI React

This is probably one of the best free products crafted on top of a Material Design. Personally, I'm not a fan of this UI concept but CoreUI simply looks good.


Product Feature


CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer the ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – CoreUI covers them all!



CoreUI React - Open-source Dashboard coded in React by CoreUI Agency.


Airframe React

This modern React Dashboard is built by a solo-developer: Tomasz Owczarczyk. Coding a top-notch dashboard and later release it for free is something quite hard to achieve, and this guy did it. Please note that all other products are developed by agencies with efforts from many developers.


Product Features - 3k Github Stars


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.

  • 10+ Layout Variations - a multitude of possibilities to rearrange the layout, allows customizing the look of your application just as you imagined.
  • Applications - applications ready, allows you to save time and focus on project development.
  • UI Components - we offer you a large number of UI components; fully ready for changes that will customize them for your needs.
  • Responsive Design - fully adapted to your application, exactly well presented on the desktop, a tablet or smartphone.
  • 120+ Unique Pages designed to make use of them directly in your application.
  • 2 Starters so that you can immediately work with the components that are necessary for your application.

React Dashboard - Airframe, open-source template.


AntD React

An excellent front-end solution for enterprise applications built upon Ant Design and UmiJS. I've selected this product mostly for the impressive charts provided.


Product Features - 8k Github Stars


  • Internationalization, extracting translation fields from source - code, loading language packs on demand
  • Dynamic permissions, different permissions for different menus
  • Elegant and beautiful, Ant Design system
  • Mock data, local data debugging

React Dashboard - AntD, open-source template.


Light Blue React

This open-source product is developed by FlatLogic and comes with a modern dark-themed UI.


Product Features


Light Blue React Template is a great template to quick-start development of SAAS, CMS, IoT Dashboard, E-Commerce apps, etc
Lite version of a Light Blue includes the following features and pages:

  • Bootstrap 4+ & SCSS
  • Responsive layout
  • React Chart.js
  • Simple login / logout
  • Error page
  • Styled Bootstrap components like buttons, modals, etc.

Light Blue React - Open-source Dashboard coded in React by FlatLogic.


Thanks for reading! For more React Dashboards please access:


Btw, my (nick) name is Sm0ke and I'm pretty active also on Twitter.

Discussion

pic
Editor guide
Collapse
panczarny profile image
Michał Czarnota

In our company we're using Ant Design Pro. It's different than listed above. I think it might be similar.

About the Ant Design Pro - I think it could be listed above. It's really great tool and it allowed us to create prototype and monetise it really quickly. 👏