Design Systems Libraries: These libraries come with pre-built Figma kits and code components.
Material UI: The most popular option, implementing Google's Material Design with a vast ecosystem, though it has a distinct look that's hard to change.
Ant Design: Built for enterprise apps, dashboards, and data-heavy interfaces with strong TypeScript support and built-in form validation. Similar to Material UI, it has a strong visual identity that requires effort to customize.
Chakra UI : Prioritizes developer experience with style props for quick customization and provides design system primitives without imposing a specific visual style.
Tailwind CSS Libraries: These libraries offer accessible patterns while relying on Tailwind for visual design.
Shadcn UI: Very popular, it's unique because you copy component code directly into your project, giving you full ownership and modification ability.
Daisy UI: Adds semantic component classes on top of Tailwind, reducing verbosity while maintaining Tailwind's philosophy.(这个UI库,将tailwindcss样式使用@apply总结了类名,所以用起来不会有很多类名,我感觉还是蛮好的,但是不知道项目使用情况怎么样)
Headless UI: From the Tailwind team, it's an unstyled component library that manages accessibility and keyboard navigation, leaving visuals to Tailwind classes.
Unstyled Primitive Component Libraries: For maximum control, these components are fully unstyled at the primitive level.
React Aria: From Adobe, it offers a comprehensive ARIA implementation with advanced keyboard navigation, focus management, and screen reader support, allowing developers to focus solely on styling.
Radix UI: Provides low-level primitives like dialogues, dropdowns, and tooltips that can be composed into larger components. Shadcn UI is built on Radix.
Base UI: A new kit from the creators of Radix, Material UI, and Floating UI. It's unstyled, accessible, and compatible with any styling solution (Tailwind, CSS modules, plain CSS). Shadcn UI now also offers Base UI as its primitive library.
两个开发库,类似于若依系统这种,可以大幅减少开发时间。
Rapid Development Libraries: For when speed is more crucial than customization.
Mantine: A community favorite that includes everything from components and hooks for management to notifications, covering dozens of common patterns.
React Admin: A full framework for building admin panels and CRUD interfaces with built-in authentication and data management, connecting to any REST backend.