π’ Enterprise UI Libraries
Ant Design
Enterprise-class UI design language with 60+ components. Perfect for admin panels and business applications with comprehensive ecosystem.
Material-UI (MUI)
React components implementing Google's Material Design with 100+ components, powerful theming, and internationalization support.
Fluent UI
Microsoft's design system with Office-style components. Enterprise-focused with high accessibility standards.
Carbon Design System
IBM's design system with enterprise standards, multi-framework support, and comprehensive design guidelines.
β‘ Next.js Optimized Libraries
π¨ Modern Design Libraries
Chakra UI
Simple, elegant design system with powerful theming capabilities and excellent developer experience. Built-in responsive design.
Mantine
Full-featured library with 100+ components, TypeScript-first approach, modern Hooks API, and built-in form validation.
Semi Design
Beautiful modern design system by ByteDance with design tokens and multi-theme support for scalable applications.
π― Headless & Customizable
Headless UI
Unstyled components that are fully customizable with accessibility-first approach. Perfect with Tailwind CSS.
Radix UI
Low-level UI primitives with high accessibility standards, unstyled design, and keyboard navigation support.
React Aria
Adobe's accessibility-focused React library with internationalization support and cross-platform adaptation.
π Shadcn/UI Ecosystem
Shadcn/ui
Built on Radix UI + Tailwind CSS. Copy-paste components with modern design patterns and excellent developer experience.
Magic UI
150+ free animated components built on Shadcn/ui, using Framer Motion and TypeScript for smooth interactions.
Aceternity UI
High-quality React component library with modern components, animation effects, and complex interactions.
Shadcnblocks
630+ additional Shadcn/ui components and blocks. Professionally designed responsive component blocks.
AnimaTA
Hand-crafted collection of interactive animations and effects. Copy-paste animated components ready to use.
OriginUI
Beautiful UI component library built with Tailwind CSS and Next.js. High-quality component collection.
Shadcn/ui Blocks (Official)
Official Shadcn/ui pre-built customizable components. Official component blocks and best practice examples.
Plate UI
Rich text editor built on Shadcn/ui. Editor components with extensible plugin system.
UI Thing
Modern UI component collection with beautiful components, animation effects, and interaction examples.
UI Beats
Animated React component collection with beautiful animation components and effects library.
HextaUI
Modern responsive customizable UI components. Next.js optimized components with personalized design.
π§ Development Tools & Platforms
Storybook
Component development and documentation tool with isolated development environment, multi-framework support, and rich plugin ecosystem.
V0.dev
Vercel's generative UI system built on Shadcn/ui. AI-powered component and code generation for rapid prototyping.
Bit.dev
Component sharing platform with version management, cross-project reuse, and automated documentation.
CodeSandbox
Online code editor with rich React templates, live preview, and project sharing capabilities.
π Component Discovery
React Bits
Collection of React component code snippets and examples. Practical component code, Hooks examples, and best practices.
React.js Examples
Curated collection of useful React.js examples with various components and project showcases.
React Components
React component search engine with clear categorization, community-driven platform for finding specific functionality components.
Awesome React Components
Curated list of React components and libraries. Categorized collection of component libraries, tools, and resources.
21st.dev
Modern UI components and template marketplace. Hero components, feature modules, AI chat components, and more.
UI.dev
React/JavaScript education platform with extensive component examples and hands-on projects.
React Patterns
React design patterns and best practices. Component design patterns and code organization methods.
UI Libs
Multi-library component comparison showcase. Compare components across Shadcn/ui, Radix UI, Headless UI, and more.
π¨ Design System References
Design Systems Repo
Design system resource library with case studies from major companies and organizations.
Material Design
Google's Material Design specification with design principles, component guidelines, and official tools.
Microsoft Fluent Design
Microsoft's Fluent Design System with design principles and comprehensive component library.
Apple HIG
Apple Human Interface Guidelines for iOS, macOS, and other Apple platforms design guidance.
π οΈ Developer Utilities
Shadcn Theme Generator
Shadcn/ui theme generator with color theming, style customization, and code generation capabilities.
UI Colorful
UI component color and theme resources with color schemes, theme templates, and color tools.
Can I Use
Browser compatibility checker for CSS and JavaScript features. Essential reference for web developers.
30 seconds of code
Short and practical code snippets. JavaScript/React code snippets and utility functions for quick solutions.
π± Mobile Development
React Native Elements
React Native component library with cross-platform UI components for mobile development.
NativeBase
React Native component library with mobile-optimized components for rapid development.
Tamagui
Universal component library for React Native and Web. Cross-platform component solution with shared codebase.
π‘οΈ Accessibility Resources
WebAIM
Web accessibility resources and tools with comprehensive accessibility guidelines and testing tools.
A11y Project
Community-driven accessibility knowledge base with accessibility checklists and best practices.
WAVE
Web accessibility evaluation tool for online accessibility testing and issue identification.
React Testing Library
React component testing tools with testing utilities and best practices for quality assurance.