DEV Community

Cover image for Top 5+ ReactJS UI Components Libraries for 2024

Top 5+ ReactJS UI Components Libraries for 2024

Fredy Andrei on August 30, 2023

As we all know, in the ever-evolving landscape of front-end frameworks, ReactJS has established itself as a powerhouse, enabling developers to craf...
Collapse
 
fiqrisr profile image
Fiqri Syah Redha • Edited

Check out Mantine also

Collapse
 
nafismahmudayon profile image
NafisMahmudAyon • Edited

Please check out a component Library called "Landing Page UI".
Give your feedback to improve the component Library.

Website: Landing Page UI

NPM: npmjs.com/package/landing-page-ui

GitHub: github.com/NafisMahmudAyon/landing...

Collapse
 
ana_radovici_d4d56ce2ccea profile image
Ana Radovici

Great work! 🙌🏼

Collapse
 
ellaidevs profile image
Ellai

Great writing. I have personally tried most of them with latest Next.js 13. All of them have the same issue when it comes to Server Side Rendering. Using 'use client' mode helps but defeats the purpose to use Nextjs(SSR) all together.

Although, AntDesign is definitely stable with Next 13 and good to be used for prod application.

This is my own personal experience, of course if I could use any one of them other than AntDesign with latest Next, I would be glad.

Collapse
 
dedsyn4ps3 profile image
Ed Rutherford

Excellent Suggestions!

Awesome job sharing some great React frameworks! I've been using MaterialUI for quite some time in a number of projects and have had a wonderful experience using it.

Not sure if it deserves to be mentioned separately, or just called out, but MUI also now has a clean version of their library called Joy UI that I'm getting ready to start testing out in a side project. It seems to have a lot of promise for an excellent MUI-spin that's a bit more fresh and not as Pixel-like!

Collapse
 
nafismahmudayon profile image
NafisMahmudAyon

Please check Landing Page UI and give a review.
website: ui.nafisbd.com
npm: npmjs.com/package/landing-page-ui
github: github.com/NafisMahmudAyon/ui

Collapse
 
taitrinh153 profile image
taitrinh153

If you're using Tailwind CSS, ShadcnUI is an excellent choice.

Collapse
 
nickdunas profile image
Nick Dunas

Check out Rewind-UI as well!

Collapse
 
nafismahmudayon profile image
NafisMahmudAyon

Please check out a component Library called "Landing Page UI".
Give your feedback to improve the component Library.

Website: Landing Page UI

NPM: npmjs.com/package/landing-page-ui

GitHub: github.com/NafisMahmudAyon/landing...

Collapse
 
pa4ozdravkov profile image
Plamen Zdravkov • Edited

Probably the most advanced one is KendoReact with more than 120 components - telerik.com/kendo-react-ui. It's a commercial UI, a good fit for complex applications and enterprises.

Collapse
 
nafismahmudayon profile image
NafisMahmudAyon

Please check out a component Library called "Landing Page UI".
Give your feedback to improve the component Library.

Website: Landing Page UI

NPM: npmjs.com/package/landing-page-ui

GitHub: github.com/NafisMahmudAyon/landing...

Collapse
 
leomjaques profile image
leo 👨🏻‍💻

Shadcn

Collapse
 
shareef profile image
Mohammed Nadeem Shareef

Bro Mantine with mantine form is very difficult to beat when it comes to developing admin dashboards

Collapse
 
samuelkarani profile image
Samuel Karani

Great list I did't know about Horizon UI.
I have created my React UI libraries list here: listpoll.app/items/RzEvwqFPXXOmlGj...

Collapse
 
zephyr0502 profile image
zephyr0502 • Edited

Flowbite & preline is also good & easy to use , but some components r in premium section

Collapse
 
femi_akinyemi profile image
Femi Akinyemi

This is Awesome

Collapse
 
pavanrajesh profile image
Pavan-Rajesh

shadcn ui is lub