React Libraries - (the ecosystem makes the difference)
React is powerful, but with the right libraries, it's on another level. Do you have a problem? Everything exists in React.
A calculator? A search on GitHub and it's done.
A 3D animation? A search on GitHub and it's done.
A table management system with sorting, pagination, etc.? Hop, on GitHub.
Resources for further exploration
UI & Design Systems
CSS Frameworks
- Tailwind CSS Documentation - Utility-first CSS framework
- Tailwind UI - Professional premium components from the Tailwind team
- Bootstrap React - Bootstrap components for React
UI Component Libraries
- 🧩 shadcn/ui Components - Reusable components with Radix UI
- NextUI - Modern and fast UI library
- Chakra UI - Modular and accessible components
- Material-UI (MUI) - React Material Design components
- Mantine - Full-stack React components and hooks
- Ant Design - Design language and React components
- React Bootstrap - Bootstrap components for React
- Semantic UI React - React integration for Semantic UI
Tailwind CSS Components
- daisyUI - CSS components for Tailwind
- Headless UI - Unstyled and accessible components
- Material Tailwind - Material Design with Tailwind
- Horizon UI - Dashboard and Tailwind components
- Aceternity UI - Animated components with Framer Motion (very popular, Pro version available)
- Magic UI - Components with animations
- Origin UI - Tailwind and React components
- React Bits - Animated UI components
- Preline UI - Tailwind CSS components
- HyperUI - Free Tailwind components
Component Platforms & Design Engineers
- 21st.dev - Comprehensive collection of components for design engineers (Marketing Blocks, UI Components)
- Tailwind UI - Premium Tailwind CSS component library
State Management
- Zustand - Simple and fast state management
- Jotai - Atomic state management
- Redux Toolkit - Modern and simplified Redux
- Valtio - Proxy state made simple
- Immer - Immutable state updates
- nuqs - Type-safe search params state manager
Data Fetching & API
- TanStack Query (React Query) - Data fetching and synchronization
- SWR - Data fetching with cache
- Apollo Client - Complete GraphQL client
- urql - Lightweight GraphQL client
- TanStack Table - Powerful and flexible tables
📋 Forms & Validation
- 📋 React Hook Form - Performant forms with validation
- Formik - Popular form library
- React Final Form - Subscription-based forms
- Zod - TypeScript-first schema validation
- Valibot - Modern and modular schema validation
- Yup - JavaScript schema validation
- React Dropzone - Hook for file drag & drop
- React International Phone - International phone input component
🧪 Testing
- Jest - JavaScript testing framework
- Vitest - Fast testing framework powered by Vite
- React Testing Library - Testing utilities for React
- Playwright - Automated end-to-end testing
- Cypress - E2E testing in the browser
- Storybook - Isolated component development and testing
- MSW (Mock Service Worker) - API mocking for tests
🎭 Animations & Interactions
Animation Libraries
- 🎭 Framer Motion - Declarative animations for React (most popular)
- React Spring - Physics-based animations
- React Transition Group - Transition components
- Auto-animate - Zero-config automatic animations
- React Move - Data-driven animations
- Pose - Declarative animation (deprecated)
Vector & Interactive Animations
- Lottie React - After Effects animations (Lottie format)
- Rive React - Real-time interactive animations (modern alternative to Lottie)
- React SVG Morph - Morphing between SVG shapes
- React Reveal - Reveal animations on scroll
- AOS - Animate On Scroll library
Effects & Utils
- Canvas Confetti - Confetti animations for celebrations
- React Scroll To Top - Animated scroll to top button
- React Particle.js - Particle animations
- React Parallax - Parallax effects
3D & Graphics
- Three.js - Popular and powerful JavaScript 3D library
- React Three Fiber - React renderer for Three.js
- React Three Drei - Collection of useful helpers for React Three Fiber
- React Three Rapier - 3D physics engine for React Three Fiber
- React Three XR - VR/AR with React Three Fiber
- React Three PostProcessing - Post-processing effects for React Three Fiber
- Leva - Control GUI for debugging 3D scenes
- Meshline - Lines with thickness for Three.js
- Cannon.js - Lightweight 3D physics engine
- Babylon.js - Comprehensive alternative to Three.js
🧭 Routing
- React Router - Declarative routing for React
- Next.js Router - Integrated Next.js routing
- Reach Router - Accessible router (merged with React Router)
Styling
- Styled Components - CSS-in-JS with template literals
- vanilla-extract - Zero-runtime CSS-in-JS
- Class Variance Authority (CVA) - Variants API for components
- clsx - Utility for building conditional CSS classes
- Tailwind Merge - Smart merging of Tailwind classes
Icons & Assets
- React Icons - Popular icons as React components
- Heroicons - SVG icons designed by the creators of Tailwind CSS
- Lucide React - Fork of Feather icons for React
- React Feather - Feather icons for React
- Tabler Icons React - Over 4000+ free SVG icons
🔐 Authentication & User Management
- Clerk - Complete authentication and user management
- Better Auth - Modern and type-safe auth solution
- Auth0 - Identity and authentication platform
- NextAuth.js - Authentication for Next.js
- Firebase Auth - Google Firebase authentication
- Supabase Auth - Supabase authentication
📧 Email & Communication
- React Email - Framework for creating emails in React
- Resend - Modern email API for developers
- EmailJS - Send emails directly from the client
💳 Payment & E-commerce
- PayPal React - Official PayPal integration for React
- Stripe React - Stripe integration for React
📊 Charts & Data Visualization
- 📊 Recharts - Chart components for React
- Chart.js avec React - Chart.js charts for React
- Victory - Data visualization components
- Nivo - Rich chart components
- Visx - Data visualization primitives
🗓️ Date & Time
- React DatePicker - Flexible datepicker component
- React Calendar - Ultimate React calendar
- Date-fns - Modern date utilities
🖱️ Interactions & Utils
- React DnD - Drag and drop for React
- React Beautiful DnD - Accessible and beautiful drag & drop
- React Virtualized - Efficient rendering of large lists
- React Window - Virtualization of lists and grids
- React Intersection Observer - Intersection observer hook
- React Use - Collection of useful hooks
- CMDK - Fast and accessible command palette
- Fuse.js - Lightweight fuzzy search library
- libphonenumber-js - Parse, format, and validate phone numbers
🔔 Notifications & Toasts
- Sonner - Elegant and performant toast notifications
- React Hot Toast - Lightweight toast notifications
- React Toastify - Customizable toast notifications
🛠️ Utilities & Helpers
- Luxon - Modern date manipulation (alternative to Moment.js)
- Number Flow - Smooth number animations
- React Day Picker - Flexible date selector
📡 Monitoring & Analytics
- Sentry - Error and performance monitoring
- Vercel Analytics - Analytics for Vercel applications
- Umami - Privacy-focused analytics
🚀 Meta-Frameworks
- Next.js - Full-stack React framework
- Gatsby - React framework for static sites
- Remix - Web-standards-focused React framework
🛠️ Development Tools
- React Developer Tools - Browser extension for debugging React
- Why Did You Render - Notifies about unnecessary re-renders
- Prettier - Automatic code formatter
- Prettier Plugin Tailwind CSS - Automatic sorting of Tailwind classes
- ESLint - JavaScript/TypeScript linter
- TypeScript - JavaScript with static types
🗄️ Databases & Backend
- PocketBase - Backend as a Service in a single file
- Supabase - Open-source alternative to Firebase
- Firebase - Google platform for web and mobile applications
- Prisma - Modern ORM for Node.js and TypeScript
📝 CMS & Content Management
- Payload CMS - Modern CMS with automatic API and React admin
- Strapi - Flexible open-source headless CMS
- Sanity - Headless CMS with real-time studio
- Contentful - API-first headless CMS
- Ghost - Modern publishing CMS
- Directus - Data-first headless CMS