DEV Community

React Dashboards

Sm0ke on June 29, 2019

Hello Coders! If you plan to build your next admin dashboard using React, this list with open-source templates might help you a little bit. All Re...

Read full post

Robert Claypool • Jun 30 '19

github.com/ant-design/ant-design-pro

Wahaj Aayani • Oct 23 '19

AntDesign may seem nice, but when it comes to performance, it really sucks.

Rakesh S Nakrani • Sep 13 '21

I suggest you must try all new Material-UI v5 library.

Sm0ke • Sep 13 '21

For sure I will Rakesh!
🚀🚀

Antonio Silva • Jul 26 '20

We use antd in production, never had any performance issue. For those searching, Antd is full typescript.

Sm0ke • May 27 '21 • Edited

Antd is a great React Dashboard.

Sm0ke • May 27 '21

AntD is pretty nice. Perf issues might be environmental.

saif ali • Jul 1 '19

I was about to post <3

Sm0ke • Jul 1 '19

Looks great, I will publish it, after a smoke test.
Thank you!

Oscar Costa • Mar 22 '20

Unfortunately I choose ArchitectUI for a new project. This template is poorly documented and its file structure is over complex. Now, I am struggling for about a week trying to put the components together in a more simple and logical way. As a comparison, I used the React template from Creative Tim before, and in about one day I had everything ready for development.

Alan Smith • May 14 '20 • Edited

Hi Oscar,

I am building an AWS Amplify project and was thinking of using a Creative Tim material dashboard.  I have already generated my create react app and started developing.  If I bought a pro dashboard could I just take bits I want and use in my own project, would be great to get some advise as I have never used one of these dashboards before and don't want it to waste time when its supposed to save time, thank you.

Alan

Oscar Costa • May 14 '20

Hi Alan,

I would suggest that you try one of the free templates first to ensure that you will be using a significant part of the product. I am saying this because most of the templates out there are composed manly of open source components. The template vendors basically put the components together in a nice and concise way, which is a considerable workload. So if you are planning to use the design part of the template, definitely is a good investment.

I hope this helps you.

Oscar

Alan Smith • May 14 '20

Thanks Oscar,

That's a good idea actually. I will download the free version and see how I can manage with it.

Thanks a lot for your help!

Alan

Sm0ke • Mar 22 '20

Indeed, the code structure is super important. If you have the time, try to provide some feedback to the Architect UI team. Maybe you are not the only one with this kind of problems and the next versions might be better.
Regarding Creative Tim, I'm also using their products. They are pretty good.

Petrus-Nauyoma • Jul 20 '21

Do I have to give attribution of some kind when using their products?

Sm0ke • Jul 21 '21

nope ...

Brijesh Dobariya • Sep 24 '22

Thank You for list Berry and Mantis in your list.

Sm0ke • Sep 24 '22

Great products.
Keep up the good work guys.

Fatemeh Paghar • Jan 12 '23

I want to contribute React open source project. Which one is better to try?

Harmony • Jan 2 '23

How does this work as a beginner?
I only have the knowledge of React and some libraries like Material UI
Do I have to pay to use any of these dashboard?

Sm0ke • Jan 2 '23

Hello @harmonygrams

All mentioned React Dashboards are free and based on the permissive (MI) license can be used in commercial project or eLearning activities.

Just pick one and code something great.
🚀🚀

Harmony • Jan 2 '23

Thanks

divyansh • Apr 14 '20

Hi,
I am begin\er with basic knowledge of HTML,CSS and REACT.

Which one of these themes is well documented, as I am beginning to setup my first project using react.
I am trying to make a Factory/Warehouse Information Management System.
I am an Embedded Developer , I wish to add features like real time data logging of sensors and environment.
Can you recommend which theme or platform should be used ?
Also am I right in choosing REACT ?

Pete Steven • Jul 12 '21

You can try Desech Studio to visually create your html/css code. Then you can integrate it with react. Have a look at this github repo for more details.

Sm0ke • Apr 14 '20

React has a huge community, and is actively supported by Facebook. Is definitely a good choice.

Alan Smith • May 14 '20

Hi Arend,

I read your comment about these dashboards sometimes being difficult to implement. That has crossed my mind also, I seen a nice dashboard on creative tim but would like to just take bits of it and add to my project if i buy the pro version. Is this possible or do i have to install the whole thing. I'm not sure that will work for me as i have started a create react app aws amplify project. It would be great to get your thoughts. And why are my replies on dev.to appearing strangely??!!

Alan