โ๏ธ React Arsenal
A curated collection of 85+ essential React libraries for modern development.
State Management
A small, fast, and scalable bearbones state management solution. Simple like Redux but with less boilerplate.
npm i zustandPrimitive and flexible state management for React. Atomic approach for fine-grained reactivity.
npm i jotaiPowerful data synchronization for React. Handles caching, background updates, and stale data.
npm i @tanstack/react-queryMakes proxy-state simple for React and vanilla JS. Mutable state that just works.
npm i valtioExperimental state management library by Facebook for React apps with complex state graphs.
npm i recoilThe official, opinionated toolset for efficient Redux development.
npm i @reduxjs/toolkitSimple, scalable state management through transparent functional reactive programming.
npm i mobxState machines and statecharts for the modern web.
npm i xstateUI Components
Unstyled, accessible components for building high-quality design systems and web apps.
npm i @radix-ui/react-dialogBeautifully designed components built with Radix UI and Tailwind CSS. Copy and paste into your apps.
npm i shadcn-uiCompletely unstyled, fully accessible UI components by Tailwind Labs.
npm i @headlessui/reactSimple, modular and accessible component library for React applications.
npm i @chakra-ui/reactA fully featured React components library with 100+ hooks and components.
npm i @mantine/coreHeadless component library with first-class support for React, Vue, and Solid.
npm i @ark-ui/reactEnterprise-class UI design language and React UI library.
npm i antdReady-to-use React components implementing Google Material Design.
npm i @mui/materialBeautiful, fast and modern React UI library.
npm i @nextui-org/reactReact library to build dashboards fast. Built on Tailwind CSS.
npm i @tremor/reactAnimation
Production-ready motion library for React. Create animations and gestures with ease.
npm i framer-motionSpring-physics based animation library that covers most UI animation needs.
npm i @react-spring/webAdd motion to your apps with a single line of code. Zero-config animations.
npm i @formkit/auto-animateRender After Effects animations natively in React with Lottie.
npm i lottie-reactProfessional-grade animation for the modern web. Industry standard.
npm i gsapForms
Performant, flexible and extensible forms with easy-to-use validation.
npm i react-hook-formBuild forms in React without tears. Handles state, validation, and submission.
npm i formikTypeScript-first schema validation with static type inference.
npm i zodSimple React hook to create HTML5 drag-and-drop zone for files.
npm i react-dropzoneSchema builder for runtime value parsing and validation.
npm i yupFlexible and beautiful Select Input control with multiselect, autocomplete, and ajax support.
npm i react-selectData Display
Headless UI for building powerful tables & datagrids with any framework.
npm i @tanstack/react-tableThe best JavaScript grid in the world. Feature-rich with enterprise capabilities.
npm i ag-grid-reactComposable charting library built on React components with D3.
npm i rechartsCollection of expressive, low-level visualization primitives for React by Airbnb.
npm i @visx/visxRich set of dataviz components, built on D3 and React.
npm i @nivo/coreSimple yet flexible JavaScript charting library with React wrapper.
npm i react-chartjs-2Composable React components for building interactive data visualizations.
npm i victoryUtilities
Collection of essential React hooks. 100+ hooks for common use cases.
npm i react-useReact hook library written in TypeScript with great documentation.
npm i usehooks-tsSmoking hot React notifications. Lightweight, customizable, and beautiful.
npm i react-hot-toastAn opinionated toast component for React. Minimal and beautiful.
npm i sonnerSimple reusable React error boundary component.
npm i react-error-boundaryThread-safe Helmet for managing document head in React apps.
npm i react-helmet-asyncInclude popular icons in your React projects easily.
npm i react-iconsModern JavaScript utility library delivering consistency and performance.
npm i lodashModern JavaScript date utility library. Modular and tree-shakable.
npm i date-fnsFast 2kB immutable date-time library alternative to Moment.js.
npm i dayjsA tiny utility for constructing className strings conditionally.
npm i clsxRich Text
Headless, framework-agnostic editor based on ProseMirror. Highly extensible.
npm i @tiptap/reactRich-text editor framework for React. Build your own editor with plugins.
npm i @udecode/plateQuill rich text editor as a React component.
npm i react-quillMonaco Editor (VS Code editor) as a React component.
npm i @monaco-editor/reactVersatile text editor implemented in JavaScript for the browser.
npm i @codemirror/view3D & Graphics
React renderer for Three.js. Build 3D scenes declaratively.
npm i @react-three/fiberUseful helpers for React Three Fiber. Pre-made components and hooks.
npm i @react-three/drei2D canvas library for React. Draw complex canvas graphics with ease.
npm i react-konvaDate & Time
Flexible, highly customizable date picker component.
npm i react-day-pickerSimple and reusable datepicker component for React.
npm i react-datepickerInteractions
Modern drag and drop toolkit for React. Lightweight and performant.
npm i @dnd-kit/coreBeautiful and accessible drag and drop for lists by Atlassian.
npm i react-beautiful-dndBread & butter utility for handling gestures in React.
npm i @use-gesture/reactPerformance
Headless UI for virtualizing long lists. Render millions of rows.
npm i @tanstack/react-virtualReact components for efficiently rendering large lists and tabular data.
npm i react-windowRouting
Testing
Simple and complete testing utilities that encourage good practices.
npm i @testing-library/reactFrontend workshop for building UI components in isolation.
npm i storybookBlazing fast unit test framework powered by Vite.
npm i vitestReliable end-to-end testing for modern web apps by Microsoft.
npm i @playwright/test