📖 Categories

• UI Libraries

  • Shadcn UI - A collection of accessible, copy-pasteable UI components built with Radix UI and Tailwind CSS.
  • Mantine UI - A fully featured component library with built-in dark mode and advanced customization hooks.
  • Daisy UI - A popular plugin for Tailwind CSS that adds semantic component classes.
  • Ant Design - An enterprise-grade UI design language and component library.
  • Material UI - A comprehensive component library implementing Google's Material Design system.
  • Chakra UI - A simple, modular, and accessible component library focused on developer experience.
  • React Bootstrap - The most popular front-end framework rebuilt for React without jQuery dependencies.
  • Fluent UI - A collection of UX frameworks for building web apps that fit seamlessly into the Microsoft ecosystem.
  • Framework7 - A full-featured framework for building mobile and hybrid apps with a native look and feel.
  • Ariakit - A low-level library for building accessible, WAI-ARIA compliant web components.
  • 8bitcn UI - A retro-styled, 8-bit component library for nostalgic user interfaces.

• Frameworks

  • Next.JS - The leading framework for building server-rendered and static React applications.
  • Remix - A full-stack framework focused on web standards and modern user experience.
  • Gatsby - A fast, open-source static site generator built on React and GraphQL.
  • Tanstack Start - A full-stack React framework powered by TanStack Router for type-safe routing and server actions.
  • Vike - A modular, flexible framework for building SSR and static apps with any UI library.

• Hooks & Data Fetching

  • Tanstack Query - Powerful asynchronous state management and data fetching for the web.
  • SWR - A lightweight React Hook for data fetching focused on stale-while-revalidate caching.
  • useHooks - A collection of modern, server-safe React Hooks for common utilities.
  • aHooks - A comprehensive library of high-quality and reliable React Hooks.
  • Mantine Hooks - A standalone package of utility hooks for state and UI management.

• State Management

  • Zustand - A small, fast, and scalable barebones state management solution.
  • Redux - A predictable state container for JavaScript apps, often used for global state management.
  • Jotai - A primitive and flexible atomic state management library.
  • Mobx - Simple, scalable state management using functional reactive programming.
  • Recoil - A state management library for React from Meta.
  • XState - A library for creating, interpreting, and executing finite state machines and statecharts.
  • Effector - A high-performance, multi-store state manager for handling complex business logic.
  • Immer - A library meant to work with immutable state in a more convenient, mutable way.
  • RxDB - A fast, local-first, reactive database for JavaScript applications.

• React Styling

  • TailwindCSS - A utility-first CSS framework for rapid UI development.
  • Styled Components - A popular CSS-in-JS library for styling components using tagged template literals.
  • Emotion - A performant and flexible CSS-in-JS library allowing style composition.
  • Vanilla Extract - Zero-runtime stylesheets with full TypeScript type safety.

• React Forms

  • React Hook Form - Performant, flexible, and extensible forms with easy-to-use validation hooks.
  • Formily - A highly performant form solution supporting JSON Schema and dynamic rendering.
  • React Jsonschema Form - A component for building web forms automatically from JSON Schema.
  • Tanstack Form - A headless, performant, and type-safe form state management library.

• React Routing

  • React Router - The standard library for client-side routing in React applications.
  • Tanstack Router - A fully type-safe router and state manager for modern React applications.

• Graphics & Animations

  • Framer Motion - A production-ready motion library with a simple declarative syntax.
  • React Spring - A spring-physics based animation library for fluid motion.
  • React Three Fiber - A React renderer for Three.js, bridging 3D graphics with the component ecosystem.
  • Anime.JS - A lightweight JavaScript animation library with a simple API.
  • Auto Animate - A zero-config utility that adds smooth transitions to your application automatically.
  • Remotion - A framework for creating videos programmatically using React and CSS.

• React Charts

  • Recharts - A composable charting library built with React components and D3 helpers.
  • Visx - A collection of low-level visualization primitives built by Airbnb.
  • Victory - A set of modular charting components for building interactive data visualizations.
  • Nivo - A rich set of dataviz components built on top of D3 and React.
  • React Flow - A highly customizable library for building node-based editors and interactive diagrams.

• React i18n

  • React i18next - A powerful internationalization framework for React based on i18next.
  • FormatJS - A modular collection of internationalization libraries, including react-intl.
  • Paraglide JS - A compiler-based i18n library that generates fully type-safe message functions.
  • React Intlayer - A type-safe, per-component internationalization solution that supports AI translation.

• Tables & Grids

  • Tanstack Table - A headless library for building powerful, accessible tables and data grids.
  • React Grid Layout - A draggable and resizable grid layout system with responsive breakpoints.
  • React Data Grid - A feature-rich and performant data grid component similar to Excel.

• React Testing

  • Jest - A comprehensive JavaScript testing framework with a focus on simplicity.
  • React Testing Library - Lightweight utilities for testing React components in a way that resembles user interaction.
  • Cypress - A complete end-to-end testing framework for anything that runs in a browser.
  • Playwright - A framework for reliable end-to-end testing across Chromium, Firefox, and WebKit.

• Development Tools

  • Vite - A fast build tool and development server that significantly improves the frontend development experience.
  • Storybook - A frontend workshop for building, testing, and documenting UI components in isolation.
  • Parcel - A zero-configuration build tool and bundler for the web.
  • Reactotron - A desktop app for inspecting React JS and React Native state and network activity.
  • why-did-you-render - A utility that notifies you about potentially avoidable component re-renders.