#react

Storybook is a frontend workshop for developing, testing, and documenting UI components in isolation. It renders components outside your app in a dedicated browser environment and supports React, Vue, Angular, Svelte, Web Components, and many other frameworks through a pluggable addon ecosystem.

Redux is a small, predictable state container for JavaScript apps, built around a single immutable store, plain action objects, and pure reducer functions. Its official Redux Toolkit layer abstracts away boilerplate and codifies recommended patterns for real-world apps.

Zustand is a minimal, hook-based state management library for React (with a framework-agnostic vanilla core) built on simplified flux principles. It avoids context providers and boilerplate while handling React's tricky edge cases like zombie children and concurrency.

Gatsby is a React-based static site and web application framework that pulls data from many sources (CMSs, APIs, Markdown) through a GraphQL data layer and pre-renders pages for fast, SEO-friendly delivery. It pioneered the "build-time data sourcing + hydration" model for content-heavy sites.

Ionic Framework is a cross-platform UI toolkit built on Web Components for building native-quality mobile apps and Progressive Web Apps from a single codebase. It ships a large library of pre-styled, accessible UI components with first-class bindings for Angular, React, and Vue.

TanStack Query is an async state management library for fetching, caching, synchronizing, and updating server state in web apps. It abstracts the lifecycle of asynchronous data with declarative queries and mutations, supporting any data source (REST, GraphQL, promises) across React, Vue, Svelte, Solid, and Angular.

React Hook Form is a performant, dependency-free form library for React that uses uncontrolled inputs and hooks (register, handleSubmit, formState) to minimize re-renders, with built-in HTML validation and schema resolvers for Zod, Yup, Joi, and others.

Tiptap is a headless, framework-agnostic rich text editor built on top of ProseMirror. It ships no UI of its own, instead exposing a composable extension system that lets developers build fully custom editing experiences in React, Vue, or vanilla JavaScript.

Refine is a React-based meta-framework for building data-intensive applications like internal tools, admin panels, dashboards, and CRMs. It provides headless hooks and adapters for data fetching, auth, routing, and access control while leaving the UI layer open to your choice of component library.

Slate is a completely customizable framework for building rich text editors in React. Rather than shipping a fixed editor, it provides a schema-less, plugin-driven core and a nested document model so developers can implement editors like Medium, Dropbox Paper, or Google Docs without fighting against built-in assumptions.

TodoMVC is a reference project that implements the same standardized Todo application across most popular JavaScript frameworks and UI libraries, letting developers compare syntax, structure, and idioms side by side. It also serves as the basis for the cross-browser Speedometer benchmark and a clean spec for AI coding agents.

MobX is a signal-based reactive state management library that makes any object observable and automatically tracks which derived computations and UI components depend on which fields, re-running only what's strictly needed. It's framework-agnostic at its core but most commonly paired with React via mobx-react/mobx-react-lite.

react-admin is a React/TypeScript framework for building data-driven admin panels and B2B single-page apps on top of any REST or GraphQL API. It ships ready-made hooks and Material UI components for CRUD pages, forms, datagrids, auth, i18n, and more, all wired through a pluggable "Data Provider" adapter layer.

Onlook is an open-source visual editor for React apps that pairs an AI agent with a design-tool-style canvas, letting you edit a live Next.js/TailwindCSS app visually and in code while the changes write back to the actual source. It positions itself as a "Cursor for designers," bridging the gap between design and front-end development.

Blueprint is Palantir's React-based UI toolkit, distributed as a set of modular NPM packages, designed for building complex, data-dense desktop web interfaces. It ships polished components including an interactive spreadsheet-like table, date/time pickers, selects, and an extensive icon set with a cohesive design system.

Magic UI is a collection of animated React components and effects built with Tailwind CSS and Framer Motion, aimed at design engineers who want polished landing-page and marketing-site visuals. Components are copy-pasted into your project (shadcn/ui-style) rather than installed as a runtime dependency.

Jotai is a minimal, atom-based state management library for React built around tiny composable "atoms" of state that can be derived, combined, and made async. It avoids string keys, integrates with Suspense, and scales from a useState replacement to large TypeScript apps.

Tabler Icons is a large set of 6,000+ free MIT-licensed SVG icons, all drawn on a 24x24 grid with a customizable 2px stroke. It ships in multiple formats (raw SVG, sprite, webfont) and as framework components for React, Vue, Angular, and Svelte.

Radix Primitives is a low-level, unstyled React component library that provides accessible, customizable building blocks (dialogs, dropdowns, tooltips, etc.) for constructing design systems and web apps. It handles the hard parts—accessibility, keyboard interaction, focus management—while leaving styling entirely up to you.

Relay is Facebook's GraphQL client framework for React that lets components declare their own data requirements via colocated GraphQL fragments, then compiles and batches them into efficient network requests with built-in caching, mutations, optimistic updates, and pagination.

ice.js is Alibaba's universal React-based application framework offering zero-config builds, file-system routing, built-in state management and data fetching, and hybrid SSR/SSG rendering, extensible through a plugin system and able to target web, mini-programs, and Weex.

Wasp is a Rails-like, declarative full-stack web framework that uses a high-level spec file to generate a React + TanStack Query frontend, Node.js/Express backend, and Prisma database layer — handling auth, RPC, jobs, and deployment with minimal boilerplate.

wangEditor is an open-source, web-based rich text (WYSIWYG) editor written in TypeScript, popular in the Chinese developer community. It ships with framework integrations and a configurable toolbar for building content-editing experiences in the browser.

Microsoft's official extension of React Native that brings the framework to Windows, letting developers build native Windows apps (PCs, tablets, Xbox, mixed reality) with JavaScript and React. It implements Windows-native renderers — the legacy UWP XAML-based Paper renderer and the newer Composition/WinAppSDK-based Fabric renderer.

Plate is a TypeScript rich-text editor framework built on Slate and slate-react, offering a plugin system plus a large catalog of plugins, Radix UI-based headless primitives, and ready-made shadcn/ui components for assembling production editors.

TinyMCE is a highly customizable, framework-agnostic WYSIWYG rich text editor for the web, built on contentEditable with an extensive plugin and API ecosystem. It supports classic, inline, and distraction-free editing modes and ships official wrappers for React, Vue, and Angular.

dva is a lightweight React and Redux application framework that wraps redux, redux-saga, and react-router behind a minimal API. It organizes state into Elm-inspired models composed of reducers, effects, and subscriptions, reducing the boilerplate of the traditional Redux ecosystem.

Umi is an extensible, convention-over-configuration React application framework from the Ant Group ecosystem, providing routing, build tooling, plugins, and conventions out of the box for enterprise-grade web apps.

Adobe's family of React libraries for building accessible UIs: React Spectrum (styled components implementing Adobe's design system), React Aria (unstyled accessible components and hooks), React Stately (cross-platform state management hooks), and framework-agnostic internationalization utilities.

CodeSandbox-client is the open-source web application powering CodeSandbox, a browser-based online IDE for building, prototyping, and sharing web projects. It bundles, runs, and previews JavaScript/web apps entirely in the browser, with sharing and collaboration baked in.

boardgame.io is a JavaScript/TypeScript engine for building turn-based games by writing pure functions that describe how game state changes on each move. It automatically handles multiplayer synchronization, storage, game phases, bots, and lobby/matchmaking, with view-layer-agnostic clients including React bindings.

tsParticles is a dependency-free TypeScript library for rendering animated particle effects (confetti, snow, fireworks, interactive link networks, and more) on a canvas. It ships a modular engine with optional feature bundles and official wrapper components for nearly every major frontend framework.

Onsen UI is an open-source library of mobile-optimized UI components for building hybrid and progressive web apps with a native iOS/Android look and feel. It ships framework-agnostic web components that integrate with React, Angular, Vue, and plain JavaScript, and pairs well with Cordova/PhoneGap.

Radix Themes is a pre-styled, themeable React component library built on top of Radix UI's accessible primitives, offering a complete design system with ready-to-use components, tokens, and styling controls for rapid app development.

PrimeReact is a comprehensive UI component library for React, offering 90+ pre-built, themeable components ranging from form inputs and data tables to charts and overlays. It supports both styled (pre-skinned themes like Material and Bootstrap) and unstyled modes for full customization.

Unstated is a minimalist React state management library that lets you share component-like state across the tree using small Container classes built on React's Context API. It deliberately stays tiny, treating containers as plain classes with a setState-style API rather than acting as a Redux replacement.

A thin React wrapper around the framework-agnostic Final Form library, providing subscription-based form state management where only components depending on changed state re-render. It ships with zero bundle-affecting dependencies and a small footprint.

React95 is a React component library that recreates the Windows 95 user interface aesthetic with modern, themeable components built on styled-components. It provides classic widgets like menus, windows, buttons, and separators for building retro-styled web apps.

TanStack Form is a headless, framework-agnostic form state library for managing complex forms with full TypeScript typing, reactive field hooks, and synchronous/asynchronous validation. You bring your own UI while it handles form state, validation, and workflows.

Arco Design is a comprehensive React UI component library (60+ components) built on ByteDance's Arco Design system, with strong TypeScript support, extensive theming via design tokens, and a surrounding ecosystem for themes, materials, and icons.

react-snap is a build-time prerendering tool that uses headless Chrome (via Puppeteer) to crawl a deployed single-page app and emit static, pre-rendered HTML for each route. It improves perceived performance and SEO without requiring server-side rendering infrastructure.

Fusion Next (@alifd/next) is Alibaba's enterprise-class React UI component library built around a design-system collaboration workflow, letting designers customize component themes and ship them as npm packages that developers consume without manual UI rework.

A minimal React state management library from RisingStack built on transparent reactive proxies. You wrap state objects with `store()` and components with `view()`, then mutate state with plain JavaScript and components re-render automatically based on which store properties they read.

Data Client is a TypeScript data-fetching and normalized caching library for React (and Vue, React Native, Next.js, Expo) that uses declarative, schema-driven resource definitions to bind dynamic data—REST, GraphQL, WebSockets/SSE—to components with one-line hooks and zero manual cache updater functions.

Cerebral is a declarative state and side-effects management library for JavaScript frameworks that provides type-safe, reactive state management across React, Vue, Preact, Inferno, and Angular with a monorepo-based architecture.