DEV Community

Cover image for Exploring 5 Top UI Frameworks for React

Exploring 5 Top UI Frameworks for React

Suraj Vishwakarma on March 26, 2024

Exploring 5 Top UI Frameworks for React Introduction Framework provides a platform where you don’t have to build everything f...
Collapse
 
javarobit profile image
javarobit

What could you say about the new libraries? - New UI libraries are embracing a styleless approach with full functionality.
shadcn/ui, Radix, React Aria, Catalyst, Daisy UI, Headless UI, Ark UI (Chakra UI’s sibling) lead the trend.

The leader here is the shadcn/ui.

It would be interesting to read about a comparison of these libraries.

Collapse
 
surajondev profile image
Suraj Vishwakarma

Comparing the functionalities and philosophies of these libraries could provide valuable insights for developers navigating the evolving landscape of UI frameworks.

Good topic for a future article.

Collapse
 
mrdeeds88 profile image
mrdeeds88

Mantine is really great! Personaly, I prefer mantine over the other kits.

Collapse
 
dethrtrns profile image
Raj Singh • Edited

Yeah me too. Also it's really well documented and maintained. Like recently with v7 they removed emotion(cssinjs) and integrated core css for better performance and bundle size.

Collapse
 
surajondev profile image
Suraj Vishwakarma

Mantine is awesome!

Collapse
 
dethrtrns profile image
Raj Singh

Huge fan of mantine. Love their collection and they're all so well documented(you can even play around with some of the components right there in the docs). I thing they're the most underrated of em all.
BTW it also comes with forms, layout like appshell, templates(here:ui.mantine.dev/), notification system and lots of cool stuff, and what I love about them is they all come in separate packages, so you can just use what you need and don't bloat up your app. Here's all the packages available: @mantine/hooks, @mantine/core, @mantine/form, @mantine/dates, @mantine/charts, @mantine/notifications, @mantine/code-highlight, @mantine/tiptap, @mantine/dropzone, @mantine/carousel, @mantine/spotlight, @mantine/modals, @mantine/nprogress.

Collapse
 
maaniksharma profile image
Maanik sharma

Where is material ui

Collapse
 
surajondev profile image
Suraj Vishwakarma

I have already mentioned it in my previous article. You can find the link in the introduction section.

Collapse
 
dreitagebart profile image
dreitagebart

the UI framework is called Grommet, not Gormmet

Collapse
 
surajondev profile image
Suraj Vishwakarma

Thanks for letting me know. It has been updated.

Collapse
 
ashutosh7i profile image
Aashutosh Soni

Awesome ✨✨

Collapse
 
surajondev profile image
Suraj Vishwakarma

Glad that you like it!

Collapse
 
vitalijalbu profile image
vit

NextUI reigns

Collapse
 
thatanjan profile image
Anjan Shomodder

I really like Mantine UI. they have a lot of useful hooks and component to use.
I have crash courses on different UI frameworks if anyone is interested.


Collapse
 
pa4ozdravkov profile image
Plamen Zdravkov

If you are looking for more complex and Pro components and theming KendoReact is worth checking - telerik.com/kendo-react-ui

Collapse
 
j4jeel profile image
Jeel Patel

I'm bit confuse between Material UI & Mantime UI.. What should I choose? Can anyone suggest me here & why?

Collapse
 
thatanjan profile image
Anjan Shomodder

they are both great. you can decide based on which design you want to use. But I would prefer Mantine because of its developer experience with utilities, hooks, etc. But Material UI comes with a lot more components.
But again they are both great.
You can check my tutorials if you want.
youtube.com/watch?v=3quQ6KNGUh0
youtube.com/watch?v=U9MaICpcNRI