DEV Community

Cover image for React Dashboard - Modern UI Kits for 2021
Sm0ke
Sm0ke

Posted on • Updated on • Originally published at admin-dashboards.com

React Dashboard - Modern UI Kits for 2021

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!


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!


✨ React Soft Dashboard fullstack

Start your Development with an Innovative Admin Template for Material-UI and React. Soft UI Dashboard React is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. The product comes with a simple JWT authentication flow: login/register/logout.

πŸš€ Built with React App Generator

  • βœ… Innovative Soft UI Design - Crafted by Creative-Tim
  • βœ… React, Redux, Redux-persist
  • βœ… Authentication: JWT Tokens,
  • βœ… OAuth via GitHub
  • βœ… Full-stack ready using:

React Soft Dashboard - Open-source full-stack product


✨ React Purity Dashboard fullstack

Start your Development with an Innovative Admin Template for Chakra UI and React. Purity UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining.

πŸš€ Built with React App Generator

  • βœ… Innovative Chakra UI Design - Creafted by Creative-Tim
  • βœ… React, Redux, Redux-persist
  • βœ… Authentication: JWT Login/Register/Logout
  • βœ… Full-stack ready using Node JS API Server (open-source project)
    • Features: Typescript / SQLite / TypeORM / Joy (validation) / Passport library - passport-jwt strategy.

React Purity Dashboard - Open-source full-stack prodyct crafted by AppSeed and Creative-Tim.


✨ React Star Admin

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.

Star Admin React Free - Open-Source Admin Panel coded in React.


✨ 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 - Free admin dashboard coded in React.


✨ 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 Dashboard Material-UI - Open-source dashboard template for React and Material UI.


✨ NextJS Material Dashboard

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.


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


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


✨ React Datta Able

Datta Able React is an open-source Admin Template, with a distinct UI 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.

React Dashboard Datta Able - Free React Admin Panel.


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

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.

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.

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.

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.

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


Thanks for reading! For more resources and support, please access:

  • πŸš€ Free support provided by AppSeed (email & Discord)
  • πŸ‘‰ More free apps crafted in Flask, Django, and React

Top comments (1)

Collapse
 
mikeczarnota 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. πŸ‘