UI component libraries are the best thing to come out since react itself. These components can simply be copied and pasted directly into your codebase and most of them work right out of the box. You also have the option to go deep in to the code and customize it to your hearts content. Thereās a lot of these so Iāve split them into categories.
Basic UI Libraries
- shadcn - Basic. Ubiquitous. Does its job.
- HeroUI - Adds a little bit more flair to shadcn.
- Radix UI - A professional and light UI library to build serious apps.
- Headless UI - Minimalist, unstyled components that integrates with tailwindcss very nicely.
- React-Aria - Professional and has internationalization for enterprise applications.
- Origin UI - Another UI library which looks clean and has a bit of glassmorphism.
- Neobrutalism - Neobrutalistic components, goes hard af
- Propel UI Kit - Good for analytics and dashboards
- FloatUI - Great for marketing and CTA components
- Kibo UI - Better shadcn components. Great sandbox. Not sure about mobile friendliness.
Amazing UI Libraries
- Aceternity
- Reactbits - Amazing looking components with a sharp creative flair. Not exactly lightweight, use sparingly.
- Motion Primitives - Adds flair and animations to shadcn components.
- Magic UI - Has some nice set of good looking components. Might be useful
- TweakCN - Improved on shadCN, very customizable.
- AnimateUI - Another animated UI component library
- GlueStack - Both react and react native components
Some more helper websites
- Shadcn forms - Quickly builds a form with shadcn and zod.
- Shadcn blocks - Blocks of shadcn elements you can simply copy and paste.
- Basic Tailwind buttons ibelick - Motion primitives guy made this
- Shadcn extensions - Some extra stuff that doesnāt exist in shadcn