In this article, I will be sharing with you 7 awesome React UI libraries that you should check out.
1. tremor
Tremor is a low-level, opinionated UI component library to build dashboards. It offers components, such as charts, layouts, or input elements, covering the essential parts of a dashboard or analytical interface. Our approach provides great flexibility between beautiful defaults and fast customization. The best way to get started is to check out our templates, called Blocks, for getting a feeling of how components are used and combined.
2. planby
Planby is a component for a quick implementation of EPG, live streaming timelines, schedules, music events, timelines and many more ideas.
3. React DnD
React DnD is a library that uses the HTML5 drag and drop API to create complex drag and drop interfaces. It is built on top of the modern API, making it easier to use and more powerful.
4. Advanced Cropper
This react cropper library gives you the possibility to create croppers that exactly suited for your website design. Donβt limit yourself. Rotate, zoom, transitions, autozoom and many other features included.
5. React Reflex
Re-F|ex is a React flex-based layout component library which I created because none of the components I found out there could satisfy my requirements.
6. Tailwind
Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.
7. React Query
Toss out that granular state management, manual refetching and endless bowls of async-spaghetti code. TanStack Query gives you
declarative, always-up-to-date auto-managed queries and mutations
Looking for a great community of people interested in Javascript and Crypto? Join our Discord server! ππ§ͺ
Discord:
https://discord.gg/P8bjJ7CzBV
Top comments (20)
Great article.
May I suggest yet another very promising component library for React called Radix UI.
It is an open source library full of unstyled components that focuses on accessibility and functionality, so your only responsibility is to style them. I think that is a great concept.
A library used by Vercel and CodeSandbox.
Im glad someone mentioned this already. I strongly recommend RadixUi.
I'm glad you like the article.
I'm not familiar with Radix UI, but it looks like a really cool library. Thanks for sharing!
Hi!
Nice article. Quick remark: you misspelled Tailwind in your 6th title "Tawiland"
you both misspelled it. It's Thailand.
I'm kidding don't cancel me please :D
π
π€£
π€£
Thank you for catching that! I have corrected the spelling error.π
ReactDnD is indeed great library, but the image used there is from react-beautiful-dnd (which in my opinionated view should be avoided as last real contribution was made there 2 years ago)
Oh, my mistake. Thank youπ
Anyway, great collection of components, don't mind the people who love commenting to point out mistakes like myself :D . We are all human. Keep it up!
cloudscape.design seems promising too
These are awesome, thanks for sharing πβ¨π―
Thank you, gald you like the postππ
Awosome Library
Thank you, gald you like the posπ
awesome
Thank you, gald you like the post π
react query is really powerful then everyone should learned that.
thank for your article