# React Libraries

> Find a React library by what you want to build. Clear use cases, practical differences, and direct links to the docs.

## Explore

- [Find the right library for what you want to build.](https://react-libraries-five.vercel.app/): Explore 562 libraries, tools, and resources across 59 categories. Understand what each one does and where it fits.
- [What do you want to build?](https://react-libraries-five.vercel.app/tasks): Start with the job you need to do. You do not need to know a library's name.

## Build interfaces

### Dates & time

- [Dates & time](https://react-libraries-five.vercel.app/dates): Format, parse, and work with dates across locales and timezones.

- [@internationalized/date](https://react-libraries-five.vercel.app/dates/internationalized-date): Date and time objects for calendars, timezones, and internationalized interfaces.
- [Chrono](https://react-libraries-five.vercel.app/dates/chrono): A parser that recognizes dates expressed in natural language.
- [date-fns](https://react-libraries-five.vercel.app/dates/date-fns): Functions for formatting, parsing, and manipulating JavaScript dates.
- [Day.js](https://react-libraries-five.vercel.app/dates/dayjs): A compact date library with a chainable API.
- [pretty-ms](https://react-libraries-five.vercel.app/dates/pretty-ms): A formatter that converts milliseconds into readable durations.
- [Spacetime](https://react-libraries-five.vercel.app/dates/spacetime): Date and time utilities with timezone-aware manipulation.

### Drag & drop

- [Drag & drop](https://react-libraries-five.vercel.app/drag-and-drop): Reorder a list, move cards between columns, or build a custom drop interaction.

- [@hello-pangea/dnd](https://react-libraries-five.vercel.app/drag-and-drop/hello-pangea-dnd): React drag-and-drop components focused on lists.
- [dnd kit](https://react-libraries-five.vercel.app/drag-and-drop/dnd-kit): Composable building blocks for dragging, dropping, sorting, and reordering.
- [Pragmatic drag and drop](https://react-libraries-five.vercel.app/drag-and-drop/pragmatic-drag-and-drop): Atlassian's drag-and-drop building blocks based on the browser's native capabilities.
- [React DnD](https://react-libraries-five.vercel.app/drag-and-drop/react-dnd): React abstractions for draggable items and drop targets.

### Data tables

- [Data tables](https://react-libraries-five.vercel.app/data-tables): Display a large dataset in a table with search, sorting, filtering, and editing.

- [AG Grid](https://react-libraries-five.vercel.app/data-tables/ag-grid): A ready-made grid for interactive data-heavy applications.
- [Glide Data Grid](https://react-libraries-five.vercel.app/data-tables/glide-data-grid): A React data grid designed for large, interactive datasets.
- [MUI X Data Grid](https://react-libraries-five.vercel.app/data-tables/mui-data-grid): A feature-rich data grid in the MUI component ecosystem.
- [React Data Grid](https://react-libraries-five.vercel.app/data-tables/react-data-grid): An editable and customizable data-grid component for React.
- [TanStack Table](https://react-libraries-five.vercel.app/data-tables/tanstack-table): Table logic for sorting, filtering, and pagination, with complete control over your UI.

### Forms & validation flows

- [Forms & validation flows](https://react-libraries-five.vercel.app/forms): Manage form state, validate fields, and guide users through submissions.

- [Conform](https://react-libraries-five.vercel.app/forms/conform): Form utilities centered on HTML forms and progressive enhancement.
- [Formik](https://react-libraries-five.vercel.app/forms/formik): React helpers for form state, validation, and submission.
- [React Hook Form](https://react-libraries-five.vercel.app/forms/react-hook-form): React hooks for managing forms and validation.
- [React JSON Schema Form](https://react-libraries-five.vercel.app/forms/react-json-schema-form): A React form renderer driven by JSON Schema.
- [react-multistep-wizard](https://react-libraries-five.vercel.app/forms/react-multistep-wizard): React utilities for organizing a multi-step flow.
- [TanStack Form](https://react-libraries-five.vercel.app/forms/tanstack-form): Headless, type-safe form-state management.

### Inputs & selection

- [Inputs & selection](https://react-libraries-five.vercel.app/inputs): Collect values with selects, autocomplete, sliders, tags, and specialized inputs.

- [Downshift](https://react-libraries-five.vercel.app/inputs/downshift): React primitives for accessible selection and autocomplete interfaces.
- [Emoji Mart](https://react-libraries-five.vercel.app/inputs/emoji-mart): An emoji picker and associated emoji data utilities.
- [emoji-picker-element](https://react-libraries-five.vercel.app/inputs/emoji-picker-element): An emoji picker delivered as a browser custom element.
- [Input OTP](https://react-libraries-five.vercel.app/inputs/input-otp): An unstyled React input for one-time passwords.
- [International Telephone Input](https://react-libraries-five.vercel.app/inputs/international-telephone-input): A telephone input with country selection and number-formatting support.
- [rc-slider](https://react-libraries-five.vercel.app/inputs/rc-slider): A configurable slider component for React.
- [React Autosuggest](https://react-libraries-five.vercel.app/inputs/react-autosuggest): A React component for text inputs with suggestions.
- [React Select](https://react-libraries-five.vercel.app/inputs/react-select): A customizable select component for React.
- [React Tags](https://react-libraries-five.vercel.app/inputs/react-tags): A React input for selecting and creating tags.
- [React Widgets](https://react-libraries-five.vercel.app/inputs/react-widgets): A collection of form inputs such as selects and date controls.
- [react-slider](https://react-libraries-five.vercel.app/inputs/react-slider): An accessible React slider input.

### Calendars & date pickers

- [Calendars & date pickers](https://react-libraries-five.vercel.app/calendars): Select dates and ranges, display appointments, and navigate event calendars.

- [Cally](https://react-libraries-five.vercel.app/calendars/cally): Framework-independent calendar components for choosing dates and ranges.
- [FullCalendar React](https://react-libraries-five.vercel.app/calendars/fullcalendar-react): A React integration for the FullCalendar event-calendar library.
- [React Big Calendar](https://react-libraries-five.vercel.app/calendars/react-big-calendar): A React calendar for displaying and interacting with events.
- [React Datepicker](https://react-libraries-five.vercel.app/calendars/react-datepicker): A React component for choosing dates and times.
- [Schedule-X](https://react-libraries-five.vercel.app/calendars/schedule-x): Calendar and date-selection components for web applications.

### UI kits & design systems

- [UI kits & design systems](https://react-libraries-five.vercel.app/ui-kits): Find complete component libraries, headless primitives, and copyable UI blocks.

- [21st.dev](https://react-libraries-five.vercel.app/ui-kits/21st-dev): A collection of reusable React and Tailwind components.
- [Ant Design](https://react-libraries-five.vercel.app/ui-kits/ant-design): A React component library and design system for enterprise interfaces.
- [Ariakit](https://react-libraries-five.vercel.app/ui-kits/ariakit): Low-level accessible components for React.
- [Ark UI](https://react-libraries-five.vercel.app/ui-kits/ark-ui): A headless component library for several JavaScript frameworks.
- [Astryx Design System](https://react-libraries-five.vercel.app/ui-kits/astryx-design-system): An open-source design system with customizable components.
- [Atlassian Design System](https://react-libraries-five.vercel.app/ui-kits/atlassian-design-system): UI components, foundations, and guidance from Atlassian.
- [Catalyst](https://react-libraries-five.vercel.app/ui-kits/catalyst): A React application UI kit from the creators of Tailwind CSS.
- [Chakra UI](https://react-libraries-five.vercel.app/ui-kits/chakra-ui): A React component library with composable styling and theme support.
- [coss ui](https://react-libraries-five.vercel.app/ui-kits/coss-ui): A React component library built on Base UI.
- [Cult UI](https://react-libraries-five.vercel.app/ui-kits/cult-ui): Copyable React interface components.
- [daisyUI](https://react-libraries-five.vercel.app/ui-kits/daisyui): Semantic component classes built for Tailwind CSS.
- [Draft UI](https://react-libraries-five.vercel.app/ui-kits/draft-ui): Copyable React components focused on accessible interface patterns.
- [Flowbite React](https://react-libraries-five.vercel.app/ui-kits/flowbite-react): React components built around Tailwind CSS and the Flowbite design system.
- [Fluent UI React](https://react-libraries-five.vercel.app/ui-kits/fluent-ui-react): Microsoft's React components for Fluent-style interfaces.
- [FlyonUI](https://react-libraries-five.vercel.app/ui-kits/flyonui): A Tailwind CSS component library with semantic class names.
- [Headless UI](https://react-libraries-five.vercel.app/ui-kits/headless-ui): Unstyled interactive components for web interfaces.
- [HeroUI](https://react-libraries-five.vercel.app/ui-kits/heroui): A React component library built around accessible interface patterns.
- [JollyUI](https://react-libraries-five.vercel.app/ui-kits/jollyui): Copyable components built with React Aria and shadcn-style conventions.
- [Kuma UI](https://react-libraries-five.vercel.app/ui-kits/kuma-ui): A component and styling library with build-time style generation.
- [Luxe](https://react-libraries-five.vercel.app/ui-kits/luxe): A collection of copyable interface components.
- [Mantine](https://react-libraries-five.vercel.app/ui-kits/mantine): A React library of components and utility hooks.
- [Material Tailwind](https://react-libraries-five.vercel.app/ui-kits/material-tailwind): Tailwind-based components following Material Design patterns.
- [MUI](https://react-libraries-five.vercel.app/ui-kits/mui): A React component ecosystem including Material UI.
- [Origin UI](https://react-libraries-five.vercel.app/ui-kits/origin-ui): Copyable React and Tailwind interface components.
- [Park UI](https://react-libraries-five.vercel.app/ui-kits/park-ui): A collection of styled components built on reusable UI primitives.
- [Primer React](https://react-libraries-five.vercel.app/ui-kits/primer-react): React components and guidance from GitHub's Primer design system.
- [Pure UI](https://react-libraries-five.vercel.app/ui-kits/pure-ui): A design system built with Base UI primitives.
- [Radix UI](https://react-libraries-five.vercel.app/ui-kits/radix-ui): Accessible React primitives and associated interface tooling.
- [React Aria](https://react-libraries-five.vercel.app/ui-kits/react-aria): Accessible interaction primitives and components for React.
- [React Component](https://react-libraries-five.vercel.app/ui-kits/react-component): A collection of React packages underlying Ant Design.
- [React Spectrum](https://react-libraries-five.vercel.app/ui-kits/react-spectrum): Adobe's React implementation of its Spectrum design system.
- [react-daisyUI](https://react-libraries-five.vercel.app/ui-kits/react-daisyui): React components for daisyUI's Tailwind-based styles.
- [Reshaped](https://react-libraries-five.vercel.app/ui-kits/reshaped): A React and Figma component system.
- [RetroUI](https://react-libraries-five.vercel.app/ui-kits/retroui): React and Tailwind components with a retro-inspired style.
- [Rewind UI](https://react-libraries-five.vercel.app/ui-kits/rewind-ui): A React component library for application interfaces.
- [Saas UI](https://react-libraries-five.vercel.app/ui-kits/saas-ui): Components and starter tooling for SaaS interfaces.
- [shadcn Admin Kit](https://react-libraries-five.vercel.app/ui-kits/shadcn-admin-kit): Components and blocks for administrative React applications.
- [shadcn/ui](https://react-libraries-five.vercel.app/ui-kits/shadcn-ui): A collection of component source code and distribution tooling.
- [Spark UI](https://react-libraries-five.vercel.app/ui-kits/spark-ui): A component collection presented through an interactive Storybook.
- [Supabase UI Library](https://react-libraries-five.vercel.app/ui-kits/supabase-ui-library): UI components for applications built with Supabase.
- [Tailark](https://react-libraries-five.vercel.app/ui-kits/tailark): Prebuilt UI blocks for marketing websites.
- [Tailwind Plus](https://react-libraries-five.vercel.app/ui-kits/tailwind-plus): A collection of Tailwind-based interface components and templates.
- [Tremor](https://react-libraries-five.vercel.app/ui-kits/tremor): React components focused on dashboards and data presentation.
- [Uiverse](https://react-libraries-five.vercel.app/ui-kits/uiverse): A community collection of CSS and Tailwind interface elements.

### Styling & themes

- [Styling & themes](https://react-libraries-five.vercel.app/styling): Compose CSS classes, create design tokens, and build reusable component styles.

- [chroma.js](https://react-libraries-five.vercel.app/styling/chroma-js): A library for color conversions, scales, and manipulation.
- [Class Variance Authority](https://react-libraries-five.vercel.app/styling/class-variance-authority): Utilities for defining component variants as sets of CSS classes.
- [clsx](https://react-libraries-five.vercel.app/styling/clsx): A small utility for composing conditional CSS class names.
- [CSS Modules](https://react-libraries-five.vercel.app/styling/css-modules): A convention and tooling approach for locally scoped CSS classes.
- [Emotion](https://react-libraries-five.vercel.app/styling/emotion): A library for composing styles with JavaScript.
- [Fancy ANSI](https://react-libraries-five.vercel.app/styling/fancy-ansi): A utility for rendering ANSI-formatted terminal text on the web.
- [Linaria](https://react-libraries-five.vercel.app/styling/linaria): A CSS-in-JS library that extracts styles at build time.
- [MistCSS](https://react-libraries-five.vercel.app/styling/mistcss): A tool for defining atomic React components through CSS.
- [next-themes](https://react-libraries-five.vercel.app/styling/next-themes): Theme management for Next.js and React applications.
- [Panda CSS](https://react-libraries-five.vercel.app/styling/panda-css): Build-time styling tools with typed tokens and recipes.
- [Pigment CSS](https://react-libraries-five.vercel.app/styling/pigment-css): A build-time CSS-in-JS styling solution.
- [Polished](https://react-libraries-five.vercel.app/styling/polished): Style utilities for JavaScript-based styling systems.
- [Prop for That](https://react-libraries-five.vercel.app/styling/prop-for-that): A library that exposes JavaScript runtime values as live CSS custom properties.
- [React TWC](https://react-libraries-five.vercel.app/styling/react-twc): Utilities for creating React components from Tailwind CSS classes.
- [Reshadow](https://react-libraries-five.vercel.app/styling/reshadow): A styling library for scoped component styles.
- [styled-components](https://react-libraries-five.vercel.app/styling/styled-components): A component-oriented CSS-in-JS library.
- [StyleX](https://react-libraries-five.vercel.app/styling/stylex): A styling system that compiles JavaScript style definitions into CSS.
- [Tailwind CSS](https://react-libraries-five.vercel.app/styling/tailwind-css): A utility-first CSS framework.
- [Tailwind Variants](https://react-libraries-five.vercel.app/styling/tailwind-variants): A variant API for composing Tailwind CSS classes.
- [tailwind-merge](https://react-libraries-five.vercel.app/styling/tailwind-merge): A utility for resolving conflicting Tailwind CSS classes.
- [tweakcn](https://react-libraries-five.vercel.app/styling/tweakcn): A visual theme editor for shadcn/ui applications.
- [UnoCSS](https://react-libraries-five.vercel.app/styling/unocss): An on-demand atomic CSS engine.
- [vanilla-extract](https://react-libraries-five.vercel.app/styling/vanilla-extract): TypeScript tooling for generating static stylesheets.

### Panels & layout

- [Panels & layout](https://react-libraries-five.vercel.app/layout): Create resizable panels, responsive layouts, and growing content grids.

- [Fresnel](https://react-libraries-five.vercel.app/layout/fresnel): Responsive React layout utilities designed to work with server rendering.
- [InfiniteGrid](https://react-libraries-five.vercel.app/layout/infinitegrid): A layout engine for arranging items in large or growing grids.
- [React Resizable Panels](https://react-libraries-five.vercel.app/layout/react-resizable-panels): React components for resizable panel groups.
- [React Split Pane](https://react-libraries-five.vercel.app/layout/react-split-pane): A React component for resizable split layouts.

### Dialogs, menus & tooltips

- [Dialogs, menus & tooltips](https://react-libraries-five.vercel.app/overlays): Build dialogs, contextual menus, popovers, and anchored tooltips.

- [Floating UI](https://react-libraries-five.vercel.app/overlays/floating-ui): Positioning and interaction primitives for floating elements.
- [React Modal](https://react-libraries-five.vercel.app/overlays/react-modal): An accessible modal-dialog component for React.
- [SweetAlert2 React Content](https://react-libraries-five.vercel.app/overlays/sweetalert2-react-content): A React integration for SweetAlert2 dialogs.
- [Toldo](https://react-libraries-five.vercel.app/overlays/toldo): A dialog component for React.
- [use-context-menu](https://react-libraries-five.vercel.app/overlays/use-context-menu): A React hook for implementing context menus.

### Notifications & loading

- [Notifications & loading](https://react-libraries-five.vercel.app/notifications): Display toasts, loading indicators, desktop alerts, and browser push notifications.

- [node-notifier](https://react-libraries-five.vercel.app/notifications/node-notifier): A Node.js wrapper for native desktop notifications.
- [NProgress](https://react-libraries-five.vercel.app/notifications/nprogress): A slim progress bar for page-loading activity.
- [rc-notification](https://react-libraries-five.vercel.app/notifications/rc-notification): A notification component for React.
- [React Hot Toast](https://react-libraries-five.vercel.app/notifications/react-hot-toast): A React library for toast notifications.
- [React Spinners](https://react-libraries-five.vercel.app/notifications/react-spinners): A collection of loading-spinner components for React.
- [React Toastify](https://react-libraries-five.vercel.app/notifications/react-toastify): A configurable toast-notification library for React.
- [Sonner](https://react-libraries-five.vercel.app/notifications/sonner): A toast-notification component for React.
- [spin-delay](https://react-libraries-five.vercel.app/notifications/spin-delay): A React helper for controlling the timing of loading indicators.
- [web-push](https://react-libraries-five.vercel.app/notifications/web-push): A Node.js library for sending Web Push messages.

### Icons

- [Icons](https://react-libraries-five.vercel.app/icons): Find reusable icon collections and React icon components.

- [Heroicons](https://react-libraries-five.vercel.app/icons/heroicons): A collection of interface icons with React-friendly usage.
- [Iconify](https://react-libraries-five.vercel.app/icons/iconify): An icon ecosystem that exposes many icon collections through shared tooling.
- [Iconify React](https://react-libraries-five.vercel.app/icons/iconify-react): React components for rendering icons from the Iconify ecosystem.
- [Lucide React](https://react-libraries-five.vercel.app/icons/lucide-react): React components for a consistent set of line icons.
- [React Icons](https://react-libraries-five.vercel.app/icons/react-icons): React components for many popular icon packs.
- [react-file-icon](https://react-libraries-five.vercel.app/icons/react-file-icon): A React component for rendering file-type icons.

## Add interactions

### Animation & effects

- [Animation & effects](https://react-libraries-five.vercel.app/animation): Create transitions, gesture effects, parallax, and expressive interface elements.

- [canvas-confetti](https://react-libraries-five.vercel.app/animation/canvas-confetti): A canvas-based confetti animation library.
- [Magic UI](https://react-libraries-five.vercel.app/animation/magic-ui): A collection of animated components and presentation patterns.
- [Motion](https://react-libraries-five.vercel.app/animation/motion): An animation library for React and other web interfaces.
- [React Bits](https://react-libraries-five.vercel.app/animation/react-bits): A collection of animated and interactive React components.
- [React Simple Animate](https://react-libraries-five.vercel.app/animation/react-simple-animate): A React library for declarative component animations.
- [react-glow](https://react-libraries-five.vercel.app/animation/react-glow): React components for glow effects around interface elements.
- [react-magic-motion](https://react-libraries-five.vercel.app/animation/react-magic-motion): A React library for animating interface changes.
- [ScrollX UI](https://react-libraries-five.vercel.app/animation/scrollx-ui): A collection of animated and interactive React components.
- [simpleParallax](https://react-libraries-five.vercel.app/animation/simpleparallax): A library for parallax effects on images.

### Images, audio & video

- [Images, audio & video](https://react-libraries-five.vercel.app/media): Display galleries, play audio, generate video, and process images.

- [Embla Carousel](https://react-libraries-five.vercel.app/media/embla-carousel): A carousel engine with React integration.
- [Flickity](https://react-libraries-five.vercel.app/media/flickity): A touch-friendly carousel library.
- [html-to-image](https://react-libraries-five.vercel.app/media/html-to-image): A utility for rendering a DOM node as an image.
- [IMG.LY Background Removal](https://react-libraries-five.vercel.app/media/img-ly-background-removal): Browser tooling for removing image backgrounds.
- [Lightbox2](https://react-libraries-five.vercel.app/media/lightbox2): A script that opens images in an overlay.
- [lightGallery React](https://react-libraries-five.vercel.app/media/lightgallery-react): A React integration for image and video galleries.
- [LiveKit](https://react-libraries-five.vercel.app/media/livekit): Infrastructure and SDKs for realtime audio and video.
- [next-image-export-optimizer](https://react-libraries-five.vercel.app/media/next-image-export-optimizer): Image optimization tooling for statically exported Next.js sites.
- [next-image-s3-imgproxy-loader](https://react-libraries-five.vercel.app/media/next-image-s3-imgproxy-loader): A Next.js image loader for S3 and imgproxy-based image delivery.
- [next-video](https://react-libraries-five.vercel.app/media/next-video): A video component and workflow for Next.js applications.
- [NSFWJS](https://react-libraries-five.vercel.app/media/nsfwjs): A browser-oriented image classifier for potentially sensitive visual content.
- [react-sounds](https://react-libraries-five.vercel.app/media/react-sounds): React utilities for adding sound effects to interfaces.
- [Remotion](https://react-libraries-five.vercel.app/media/remotion): A framework for creating videos with React.
- [Swiper](https://react-libraries-five.vercel.app/media/swiper): A touch-oriented slider and carousel library.
- [Tonal](https://react-libraries-five.vercel.app/media/tonal): A JavaScript library for music-theory calculations.
- [Tone.js](https://react-libraries-five.vercel.app/media/tone-js): A Web Audio framework for creating interactive music in the browser.
- [vits-web](https://react-libraries-five.vercel.app/media/vits-web): A project for running text-to-speech generation in the browser.
- [Yet Another React Lightbox](https://react-libraries-five.vercel.app/media/yet-another-react-lightbox): A customizable lightbox component for React.

### Canvas & interactive graphics

- [Canvas & interactive graphics](https://react-libraries-five.vercel.app/graphics): Create drawings, diagrams, shader effects, and three-dimensional interactions.

- [Canvas UI](https://react-libraries-five.vercel.app/graphics/canvas-ui): Canvas, WebGL, and WebGPU effects that work with live HTML content.
- [Excalidraw](https://react-libraries-five.vercel.app/graphics/excalidraw): An open-source drawing application with a hand-drawn visual style.
- [g9](https://react-libraries-five.vercel.app/graphics/g9): A library for creating automatically interactive graphics.
- [JsBarcode](https://react-libraries-five.vercel.app/graphics/jsbarcode): A JavaScript barcode generator.
- [Konva](https://react-libraries-five.vercel.app/graphics/konva): A canvas framework for interactive two-dimensional graphics.
- [LiteGraph.js](https://react-libraries-five.vercel.app/graphics/litegraph-js): A graph editor and execution framework for node-based workflows.
- [pmndrs Timeline](https://react-libraries-five.vercel.app/graphics/pmndrs-timeline): Tools for describing composable behavior in three-dimensional scenes.
- [tldraw](https://react-libraries-five.vercel.app/graphics/tldraw): An SDK and application for interactive drawing canvases.
- [UVCanvas](https://react-libraries-five.vercel.app/graphics/uvcanvas): A library of shader-driven canvas effects.

### Charts & visualization

- [Charts & visualization](https://react-libraries-five.vercel.app/charts): Explain data with charts, heatmaps, timelines, and custom visualizations.

- [Cal-Heatmap](https://react-libraries-five.vercel.app/charts/cal-heatmap): A charting library for time-series calendar heatmaps.
- [CanvasJS](https://react-libraries-five.vercel.app/charts/canvasjs): A charting library for displaying interactive data visualizations.
- [CanvasJS React Charts](https://react-libraries-five.vercel.app/charts/canvasjs-react-charts): React components for the CanvasJS charting library.
- [Chart.js](https://react-libraries-five.vercel.app/charts/chart-js): A canvas-based JavaScript charting library.
- [Heat.js](https://react-libraries-five.vercel.app/charts/heat-js): A configurable JavaScript heatmap component.
- [Plotly.js](https://react-libraries-five.vercel.app/charts/plotly-js): An interactive charting library with many scientific and statistical chart types.
- [Plotteus](https://react-libraries-five.vercel.app/charts/plotteus): A JavaScript visualization library oriented toward data storytelling.
- [React Calendar Heatmap](https://react-libraries-five.vercel.app/charts/react-calendar-heatmap): A React component for calendar-style activity heatmaps.
- [React Chrono](https://react-libraries-five.vercel.app/charts/react-chrono): A React component for displaying chronological timelines.
- [React Tech Radar](https://react-libraries-five.vercel.app/charts/react-tech-radar): A React visualization for technology-radar charts.
- [Recharts](https://react-libraries-five.vercel.app/charts/recharts): Composable chart components for React.
- [visx](https://react-libraries-five.vercel.app/charts/visx): Low-level visualization components that combine React with D3 utilities.

### Maps & location

- [Maps & location](https://react-libraries-five.vercel.app/maps): Render maps, place markers, and work with location or postal data.

- [jposta](https://react-libraries-five.vercel.app/maps/jposta): A library for converting Japanese postal codes into addresses.
- [nmea.js](https://react-libraries-five.vercel.app/maps/nmea-js): A parser for NMEA messages from navigation devices.
- [React Google Maps](https://react-libraries-five.vercel.app/maps/react-google-maps): React components for the Google Maps JavaScript API.
- [React Leaflet](https://react-libraries-five.vercel.app/maps/react-leaflet): React components for the Leaflet mapping library.
- [react-map-gl](https://react-libraries-five.vercel.app/maps/react-map-gl): React components for GL-based map rendering.
- [react-openlayers](https://react-libraries-five.vercel.app/maps/react-openlayers): React bindings for the OpenLayers mapping library.

### Rich text & code editors

- [Rich text & code editors](https://react-libraries-five.vercel.app/editors): Add rich-text, Markdown, JSON, and code-editing experiences.

- [BlockNote](https://react-libraries-five.vercel.app/editors/blocknote): A block-based rich-text editor for React.
- [CodeJar](https://react-libraries-five.vercel.app/editors/codejar): A lightweight browser code editor.
- [JSON Editor](https://react-libraries-five.vercel.app/editors/json-editor): A browser editor for viewing and modifying JSON.
- [Lexical](https://react-libraries-five.vercel.app/editors/lexical): An extensible framework for building text editors.
- [Plate](https://react-libraries-five.vercel.app/editors/plate): A React rich-text editor framework with composable plugins.
- [Quill](https://react-libraries-five.vercel.app/editors/quill): An extensible rich-text editor for the browser.
- [React CodeJar](https://react-libraries-five.vercel.app/editors/react-codejar): A React wrapper around the CodeJar code editor.
- [React MD Editor](https://react-libraries-five.vercel.app/editors/react-md-editor): A Markdown editor with a preview for React.
- [Remend](https://react-libraries-five.vercel.app/editors/remend): A utility that repairs incomplete Markdown while content is streaming.
- [RoosterJS](https://react-libraries-five.vercel.app/editors/roosterjs): A framework-independent rich-text editor toolkit.

### Code highlighting

- [Code highlighting](https://react-libraries-five.vercel.app/code-highlighting): Highlight source code and create annotated or animated walkthroughs.

- [Code Hike](https://react-libraries-five.vercel.app/code-highlighting/code-hike): Tools for combining code and explanatory content.
- [Expressive Code](https://react-libraries-five.vercel.app/code-highlighting/expressive-code): A framework for richly rendered code blocks.
- [Lowlight](https://react-libraries-five.vercel.app/code-highlighting/lowlight): Syntax highlighting that produces a virtual syntax tree.
- [Shiki](https://react-libraries-five.vercel.app/code-highlighting/shiki): A syntax highlighter using TextMate grammars and editor-style themes.
- [Shiki Magic Move](https://react-libraries-five.vercel.app/code-highlighting/shiki-magic-move): Tools for animating changes between highlighted code blocks.
- [Speed Highlight](https://react-libraries-five.vercel.app/code-highlighting/speed-highlight): A syntax-highlighting library for code snippets.

### Search & autocomplete

- [Search & autocomplete](https://react-libraries-five.vercel.app/search): Find approximate text matches, index documents, and build suggestion interfaces.

- [Algolia Autocomplete](https://react-libraries-five.vercel.app/search/algolia-autocomplete): A library for building rich autocomplete interfaces.
- [fzf](https://react-libraries-five.vercel.app/search/fzf): A JavaScript implementation of fuzzy matching inspired by fzf.
- [js-search](https://react-libraries-five.vercel.app/search/js-search): A JavaScript library for searching indexed object collections.
- [MiniSearch](https://react-libraries-five.vercel.app/search/minisearch): An in-memory full-text search engine for JavaScript.
- [Typesense](https://react-libraries-five.vercel.app/search/typesense): A search engine for fast, typo-tolerant search over indexed documents.

### Keyboard & command menus

- [Keyboard & command menus](https://react-libraries-five.vercel.app/keyboard): Bind shortcuts and build keyboard-friendly command interfaces.

- [cmdk](https://react-libraries-five.vercel.app/keyboard/cmdk): Composable React components for command menus.
- [GitHub Hotkey](https://react-libraries-five.vercel.app/keyboard/github-hotkey): A utility that associates keyboard shortcuts with page elements.
- [tinykeys](https://react-libraries-five.vercel.app/keyboard/tinykeys): A small library for keyboard shortcuts.

### Scrolling & scrollbars

- [Scrolling & scrollbars](https://react-libraries-five.vercel.app/scrolling): Bring content into view and customize scroll containers.

- [compute-scroll-into-view](https://react-libraries-five.vercel.app/scrolling/compute-scroll-into-view): Utilities for calculating how to bring an element into view.
- [Lina](https://react-libraries-five.vercel.app/scrolling/lina): A ScrollArea replacement with native touch behavior and adaptive visual masks.
- [OverlayScrollbars](https://react-libraries-five.vercel.app/scrolling/overlayscrollbars): Customizable overlay scrollbars that preserve native scrolling behavior.
- [react-remove-scroll-bar](https://react-libraries-five.vercel.app/scrolling/react-remove-scroll-bar): A React utility for hiding the page scrollbar without shifting content.
- [SimpleBar React](https://react-libraries-five.vercel.app/scrolling/simplebar-react): A React integration for custom scrollbars with native scrolling.

### Tours & onboarding

- [Tours & onboarding](https://react-libraries-five.vercel.app/onboarding): Introduce features with guided tours and multi-step onboarding.

- [Driver.js](https://react-libraries-five.vercel.app/onboarding/driver-js): A library for highlighting page elements and creating guided tours.
- [Journey.js](https://react-libraries-five.vercel.app/onboarding/journey-js): A JavaScript library for guided user journeys.
- [Onboarding Lib](https://react-libraries-five.vercel.app/onboarding/onboarding-lib): Headless tooling for multi-step onboarding with validation and persistence.
- [react-tour-onboarding](https://react-libraries-five.vercel.app/onboarding/react-tour-onboarding): React components for guided interface tours.
- [Reactour](https://react-libraries-five.vercel.app/onboarding/reactour): A tour library for guiding users around a React interface.

### Text & embedded content

- [Text & embedded content](https://react-libraries-five.vercel.app/rich-content): Highlight matching text, balance headings, and embed external content.

- [Linkify](https://react-libraries-five.vercel.app/rich-content/linkify): Utilities for detecting links in text and turning them into markup.
- [React Highlight Words](https://react-libraries-five.vercel.app/rich-content/react-highlight-words): A React component for highlighting matching words in text.
- [React Tweet](https://react-libraries-five.vercel.app/rich-content/react-tweet): React components for embedding posts from X, formerly Twitter.
- [React Wrap Balancer](https://react-libraries-five.vercel.app/rich-content/react-wrap-balancer): A React component that balances text wrapping.

### Link previews & Open Graph

- [Link previews & Open Graph](https://react-libraries-five.vercel.app/social-previews): Generate social-sharing images and display cards for pasted URLs.

- [Microlink SDK](https://react-libraries-five.vercel.app/social-previews/microlink-sdk): Components and APIs for rendering rich link previews.
- [opengraph-react](https://react-libraries-five.vercel.app/social-previews/opengraph-react): React components for OpenGraph.io link metadata.
- [React Link Preview](https://react-libraries-five.vercel.app/social-previews/react-link-preview): A React component for displaying previews of URLs.
- [react-tiny-link](https://react-libraries-five.vercel.app/social-previews/react-tiny-link): A React component that displays link previews.
- [Vercel OG](https://react-libraries-five.vercel.app/social-previews/vercel-og): Tools for generating Open Graph images from application code.

## Manage application data

### State management

- [State management](https://react-libraries-five.vercel.app/state): Coordinate local state, shared stores, URL state, and persistent client data.

- [Immutable.js](https://react-libraries-five.vercel.app/state/immutable-js): Persistent immutable data structures for JavaScript.
- [Jotai](https://react-libraries-five.vercel.app/state/jotai): Atomic state management for React.
- [MobX](https://react-libraries-five.vercel.app/state/mobx): Observable state management with automatic dependency tracking.
- [MobX-State-Tree](https://react-libraries-five.vercel.app/state/mobx-state-tree): A state container combining typed models with observable state.
- [Nano Stores](https://react-libraries-five.vercel.app/state/nano-stores): Small reactive stores that work across several UI frameworks.
- [nuqs](https://react-libraries-five.vercel.app/state/nuqs): Type-safe state management stored in URL search parameters.
- [Recoil](https://react-libraries-five.vercel.app/state/recoil): An atom-and-selector state-management library originally developed for React.
- [Redux Toolkit](https://react-libraries-five.vercel.app/state/redux-toolkit): The recommended tooling for writing Redux state logic.
- [TinyBase](https://react-libraries-five.vercel.app/state/tinybase): A reactive data store designed for local-first applications.
- [Valtio](https://react-libraries-five.vercel.app/state/valtio): Proxy-based state management for React and JavaScript.
- [XState Store](https://react-libraries-five.vercel.app/state/xstate-store): A lightweight state store based on events and explicit transitions.
- [Zustand](https://react-libraries-five.vercel.app/state/zustand): A small state-management library with hook-based access.

### Data fetching & server actions

- [Data fetching & server actions](https://react-libraries-five.vercel.app/data-fetching): Call APIs, manage cached responses, and connect interface actions to the server.

- [apisauce](https://react-libraries-five.vercel.app/data-fetching/apisauce): An HTTP client wrapper that standardizes responses and request handling.
- [Axios](https://react-libraries-five.vercel.app/data-fetching/axios): A promise-based HTTP client for browsers and Node.js.
- [axios-hooks](https://react-libraries-five.vercel.app/data-fetching/axios-hooks): React hooks for managing Axios requests.
- [Better Fetch](https://react-libraries-five.vercel.app/data-fetching/better-fetch): A fetch wrapper with TypeScript-focused request and response tooling.
- [Ky](https://react-libraries-five.vercel.app/data-fetching/ky): A Fetch API wrapper with conveniences for HTTP requests.
- [next-safe-action](https://react-libraries-five.vercel.app/data-fetching/next-safe-action): Utilities for type-safe Next.js Server Actions with input validation.
- [redaxios](https://react-libraries-five.vercel.app/data-fetching/redaxios): An Axios-style HTTP client implemented around the Fetch API.
- [RTK Query](https://react-libraries-five.vercel.app/data-fetching/rtk-query): Data fetching and caching tools included with Redux Toolkit.
- [Suspensive](https://react-libraries-five.vercel.app/data-fetching/suspensive): Utilities and components for React Suspense workflows.
- [SWR](https://react-libraries-five.vercel.app/data-fetching/swr): React hooks for fetching, caching, and revalidating server data.
- [TanStack Query](https://react-libraries-five.vercel.app/data-fetching/tanstack-query): Tools for managing asynchronous server state and cached requests.

### Routing & navigation

- [Routing & navigation](https://react-libraries-five.vercel.app/routing): Connect URLs, navigation state, and application rendering.

- [Found](https://react-libraries-five.vercel.app/routing/found): Routing tools for React applications.
- [mobx-router](https://react-libraries-five.vercel.app/routing/mobx-router): A router integrated with MobX state.
- [Navigation Router](https://react-libraries-five.vercel.app/routing/navigation-router): A routing library for coordinating application navigation.
- [React Router](https://react-libraries-five.vercel.app/routing/react-router): Routing tools and framework features for React applications.
- [Router5](https://react-libraries-five.vercel.app/routing/router5): A framework-independent router with state-oriented navigation.
- [TanStack Router](https://react-libraries-five.vercel.app/routing/tanstack-router): A type-safe router with integrated search-parameter APIs.
- [Universal Router](https://react-libraries-five.vercel.app/routing/universal-router): A framework-independent routing library.

### Runtime validation

- [Runtime validation](https://react-libraries-five.vercel.app/validation): Check forms, API payloads, and configuration against explicit schemas.

- [ArkType](https://react-libraries-five.vercel.app/validation/arktype): A runtime validator with TypeScript-like schema syntax.
- [io-ts](https://react-libraries-five.vercel.app/validation/io-ts): A runtime type system for decoding and encoding data.
- [Joi](https://react-libraries-five.vercel.app/validation/joi): A schema-based validation library for JavaScript.
- [Superstruct](https://react-libraries-five.vercel.app/validation/superstruct): Composable validators for JavaScript and TypeScript values.
- [T3 Env](https://react-libraries-five.vercel.app/validation/t3-env): Utilities for validating environment variables with typed schemas.
- [Yup](https://react-libraries-five.vercel.app/validation/yup): A schema builder for parsing and validating values.
- [Zod](https://react-libraries-five.vercel.app/validation/zod): A TypeScript-oriented schema validation library.

### TypeScript & typed logic

- [TypeScript & typed logic](https://react-libraries-five.vercel.app/typescript): Express complex types, test declarations, and model application logic.

- [Effect](https://react-libraries-five.vercel.app/typescript/effect): A TypeScript library for composing computations and managing application effects.
- [Total TypeScript TSConfig](https://react-libraries-five.vercel.app/typescript/total-typescript-tsconfig): Shared TypeScript configuration presets.
- [True Myth](https://react-libraries-five.vercel.app/typescript/true-myth): Typed abstractions for optional values and recoverable errors.
- [ts-expect](https://react-libraries-five.vercel.app/typescript/ts-expect): Utilities for asserting expected TypeScript types.
- [ts-pattern](https://react-libraries-five.vercel.app/typescript/ts-pattern): A type-safe pattern-matching library.
- [ts-toolbelt](https://react-libraries-five.vercel.app/typescript/ts-toolbelt): A collection of advanced TypeScript type utilities.
- [tsd](https://react-libraries-five.vercel.app/typescript/tsd): A tool for testing TypeScript declaration files.
- [type-fest](https://react-libraries-five.vercel.app/typescript/type-fest): A collection of reusable TypeScript utility types.

### JavaScript & React utilities

- [JavaScript & React utilities](https://react-libraries-five.vercel.app/utilities): Reuse helpers for collections, identifiers, browser behavior, and React integrations.

- [beautiful-react-hooks](https://react-libraries-five.vercel.app/utilities/beautiful-react-hooks): A collection of reusable hooks for common React behaviors.
- [deep-equal-json](https://react-libraries-five.vercel.app/utilities/deep-equal-json): A helper for comparing JSON-compatible values deeply.
- [Dinero.js](https://react-libraries-five.vercel.app/utilities/dinero-js): Utilities for representing monetary amounts and performing money calculations.
- [es-toolkit](https://react-libraries-five.vercel.app/utilities/es-toolkit): A typed collection of common JavaScript utility functions.
- [FilterQL](https://react-libraries-five.vercel.app/utilities/filterql): A query language for filtering structured JavaScript data.
- [Flatbush](https://react-libraries-five.vercel.app/utilities/flatbush): A spatial index for quickly searching rectangles and points.
- [jQuery](https://react-libraries-five.vercel.app/utilities/jquery): A browser library for DOM manipulation, events, and Ajax requests.
- [jsdiff](https://react-libraries-five.vercel.app/utilities/jsdiff): Algorithms for finding differences between strings and structured text.
- [Lodash](https://react-libraries-five.vercel.app/utilities/lodash): Utilities for working with arrays, objects, strings, and functions.
- [merge-refs](https://react-libraries-five.vercel.app/utilities/merge-refs): A helper for assigning several React refs through one callback.
- [Nano ID](https://react-libraries-five.vercel.app/utilities/nano-id): A generator for compact, URL-friendly random identifiers.
- [Radash](https://react-libraries-five.vercel.app/utilities/radash): A collection of utility functions for JavaScript and TypeScript.
- [RE2JS](https://react-libraries-five.vercel.app/utilities/re2js): A JavaScript implementation of RE2-style regular-expression matching.
- [react-device-detect](https://react-libraries-five.vercel.app/utilities/react-device-detect): React helpers for detecting browser and device information.
- [react-use](https://react-libraries-five.vercel.app/utilities/react-use): A broad collection of React utility hooks.
- [Regex](https://react-libraries-five.vercel.app/utilities/regex): Utilities for composing more expressive JavaScript regular expressions.
- [select-dom](https://react-libraries-five.vercel.app/utilities/select-dom): Convenience helpers for selecting DOM elements.
- [Sugar](https://react-libraries-five.vercel.app/utilities/sugar): Utilities that extend common operations on JavaScript values.
- [TinyQueue](https://react-libraries-five.vercel.app/utilities/tinyqueue): A binary-heap priority queue for JavaScript.
- [tldts](https://react-libraries-five.vercel.app/utilities/tldts): A parser for domain names and public suffix information.
- [UAParser.js](https://react-libraries-five.vercel.app/utilities/uaparser-js): A parser for browser, operating-system, and device information from user agents.
- [usehooks](https://react-libraries-five.vercel.app/utilities/usehooks): A collection of React hooks for common application needs.
- [usehooks-ts](https://react-libraries-five.vercel.app/utilities/usehooks-ts): A TypeScript-oriented collection of React hooks.
- [utf-8-validate](https://react-libraries-five.vercel.app/utilities/utf-8-validate): A utility for checking whether a buffer contains valid UTF-8.
- [uuidv4](https://react-libraries-five.vercel.app/utilities/uuidv4): A utility for generating version-four UUIDs.

### Serialization & JSON

- [Serialization & JSON](https://react-libraries-five.vercel.app/serialization): Serialize richer JavaScript values and prepare JSON payloads.

- [devalue](https://react-libraries-five.vercel.app/serialization/devalue): A serializer for JavaScript values that go beyond ordinary JSON.
- [fast-json-stringify](https://react-libraries-five.vercel.app/serialization/fast-json-stringify): A schema-driven JSON serializer.
- [SuperJSON](https://react-libraries-five.vercel.app/serialization/superjson): A serializer that preserves JavaScript values beyond plain JSON types.

### Internationalization

- [Internationalization](https://react-libraries-five.vercel.app/i18n): Organize localized messages and language-specific routes.

- [intl-t](https://react-libraries-five.vercel.app/i18n/intl-t): Internationalization utilities for application text.
- [next-export-i18n](https://react-libraries-five.vercel.app/i18n/next-export-i18n): Internationalization helpers for statically exported Next.js applications.
- [next-international](https://react-libraries-five.vercel.app/i18n/next-international): Type-safe internationalization utilities for Next.js.

### Performance & virtualization

- [Performance & virtualization](https://react-libraries-five.vercel.app/performance): Virtualize long lists, reduce repeated work, and inspect rendering costs.

- [Loadable Components](https://react-libraries-five.vercel.app/performance/loadable-components): Tools for code splitting and lazy loading React components.
- [next-lazy-hydration-on-scroll](https://react-libraries-five.vercel.app/performance/next-lazy-hydration-on-scroll): A helper for delaying hydration until content approaches the viewport.
- [Partytown](https://react-libraries-five.vercel.app/performance/partytown): A tool for running compatible third-party scripts in a web worker.
- [React Geiger](https://react-libraries-five.vercel.app/performance/react-geiger): A tool that makes React rendering performance audible.
- [React Scan](https://react-libraries-five.vercel.app/performance/react-scan): A tool that detects and highlights React rendering activity.
- [react-fast-memo](https://react-libraries-five.vercel.app/performance/react-fast-memo): An alternative memoization utility for React components.
- [TanStack Pacer](https://react-libraries-five.vercel.app/performance/tanstack-pacer): Utilities for debouncing, throttling, queuing, and batching work.
- [TanStack Virtual](https://react-libraries-five.vercel.app/performance/tanstack-virtual): Headless utilities for rendering only visible items in large lists.
- [use-debounce](https://react-libraries-five.vercel.app/performance/use-debounce): React hooks for debouncing values and callbacks.

### Files, uploads & downloads

- [Files, uploads & downloads](https://react-libraries-five.vercel.app/files): Upload files, export CSV, create archives, and work with file paths.

- [Better Upload](https://react-libraries-five.vercel.app/files/better-upload): File-upload tooling for React and S3-compatible storage.
- [content-disposition-header](https://react-libraries-five.vercel.app/files/content-disposition-header): Utilities for working with HTTP Content-Disposition headers.
- [downloadjs](https://react-libraries-five.vercel.app/files/downloadjs): A browser helper for downloading strings, blobs, and data URLs.
- [FileSaver.js](https://react-libraries-five.vercel.app/files/filesaver-js): A browser utility for saving generated data as a file.
- [Formidable](https://react-libraries-five.vercel.app/files/formidable): A parser for multipart form submissions and uploaded files in Node.js.
- [glob](https://react-libraries-five.vercel.app/files/glob): File matching using shell-style glob patterns.
- [Globby](https://react-libraries-five.vercel.app/files/globby): Convenience helpers for matching files with glob patterns.
- [HelloCSV](https://react-libraries-five.vercel.app/files/hellocsv): A CSV import interface for bringing tabular data into an application.
- [json-to-csv-export](https://react-libraries-five.vercel.app/files/json-to-csv-export): A utility for converting JSON data into a downloadable CSV file.
- [minimatch](https://react-libraries-five.vercel.app/files/minimatch): A matcher for shell-style glob patterns.
- [React FilePond](https://react-libraries-five.vercel.app/files/react-filepond): A React adapter for the FilePond upload interface.
- [react-drag-drop-files](https://react-libraries-five.vercel.app/files/react-drag-drop-files): A React component for selecting files through drag and drop.
- [react-dropzone](https://react-libraries-five.vercel.app/files/react-dropzone): React hooks for building file-selection and dropzone interfaces.
- [rimraf](https://react-libraries-five.vercel.app/files/rimraf): A cross-platform utility for removing directory trees.
- [UploadThing](https://react-libraries-five.vercel.app/files/uploadthing): A service and SDK for application file uploads.
- [Uppy](https://react-libraries-five.vercel.app/files/uppy): A modular file uploader with React integration.
- [verifyfetch](https://react-libraries-five.vercel.app/files/verifyfetch): A browser download utility with resumable transfers and integrity verification.
- [zip.js](https://react-libraries-five.vercel.app/files/zip-js): A JavaScript library for reading and writing ZIP archives.

## Connect services

### Authentication & identity

- [Authentication & identity](https://react-libraries-five.vercel.app/auth): Integrate sign-in, sessions, organizations, and enterprise identity.

- [Auth.js](https://react-libraries-five.vercel.app/auth/auth-js): Authentication tooling with integrations for frameworks including Next.js.
- [Auth0](https://react-libraries-five.vercel.app/auth/auth0): A managed identity platform for authentication and authorization.
- [Better Auth](https://react-libraries-five.vercel.app/auth/better-auth): Authentication tooling for TypeScript applications.
- [Clerk](https://react-libraries-five.vercel.app/auth/clerk): Hosted authentication with user-management components and SDKs.
- [FusionAuth](https://react-libraries-five.vercel.app/auth/fusionauth): An identity platform with APIs for login and user management.
- [IntegrationOS AuthKit](https://react-libraries-five.vercel.app/auth/integrationos-authkit): A React integration interface for connecting external accounts.
- [Logto](https://react-libraries-five.vercel.app/auth/logto): An identity platform for application authentication and organization management.
- [Lucia](https://react-libraries-five.vercel.app/auth/lucia): Educational material about implementing authentication and sessions.
- [PropelAuth](https://react-libraries-five.vercel.app/auth/propelauth): Authentication and organization management designed for business applications.
- [React OAuth for Google](https://react-libraries-five.vercel.app/auth/react-oauth-for-google): React components and hooks for Google Identity Services.
- [SuperTokens](https://react-libraries-five.vercel.app/auth/supertokens): Authentication tooling with open-source and hosted deployment options.
- [Userfront](https://react-libraries-five.vercel.app/auth/userfront): Hosted authentication tooling with frontend integration guides.
- [WorkOS](https://react-libraries-five.vercel.app/auth/workos): APIs for enterprise identity features such as SSO and directory synchronization.

### Sanitization & cryptography

- [Sanitization & cryptography](https://react-libraries-five.vercel.app/security): Sanitize markup and work with password hashing or cryptographic formats.

- [bcrypt for Node.js](https://react-libraries-five.vercel.app/security/bcrypt-for-node-js): A Node.js binding for hashing and checking passwords with bcrypt.
- [DOMPurify](https://react-libraries-five.vercel.app/security/dompurify): An HTML sanitizer that removes unsafe markup from untrusted content.
- [isomorphic-dompurify](https://react-libraries-five.vercel.app/security/isomorphic-dompurify): A wrapper for using DOMPurify across browser and server environments.
- [PKI.js](https://react-libraries-five.vercel.app/security/pki-js): JavaScript tools for working with public-key infrastructure formats.

### Databases & ORMs

- [Databases & ORMs](https://react-libraries-five.vercel.app/databases): Choose a database platform, query builder, or object-relational mapper.

- [Drizzle ORM](https://react-libraries-five.vercel.app/databases/drizzle-orm): A TypeScript ORM with SQL-oriented query APIs.
- [Kysely](https://react-libraries-five.vercel.app/databases/kysely): A type-safe SQL query builder for TypeScript.
- [MikroORM](https://react-libraries-five.vercel.app/databases/mikroorm): A TypeScript ORM based on data-mapper and unit-of-work patterns.
- [Mongoose](https://react-libraries-five.vercel.app/databases/mongoose): A schema and modeling library for MongoDB.
- [Orange ORM](https://react-libraries-five.vercel.app/databases/orange-orm): An ORM for working with relational data from Node.js and TypeScript.
- [PlanetScale](https://react-libraries-five.vercel.app/databases/planetscale): A managed database platform for application workloads.
- [Prisma](https://react-libraries-five.vercel.app/databases/prisma): Database tooling with a schema language and generated typed client.
- [Sequelize](https://react-libraries-five.vercel.app/databases/sequelize): An ORM for relational databases in Node.js.
- [Turso](https://react-libraries-five.vercel.app/databases/turso): A database platform built around SQLite-compatible storage.
- [ZenStack](https://react-libraries-five.vercel.app/databases/zenstack): A TypeScript data layer combining database access and authorization tooling.

### Backend services & content

- [Backend services & content](https://react-libraries-five.vercel.app/backend): Add databases, content management, APIs, storage, and realtime features.

- [Appwrite](https://react-libraries-five.vercel.app/backend/appwrite): A backend platform providing authentication, databases, storage, and functions.
- [Directus](https://react-libraries-five.vercel.app/backend/directus): A data platform that adds APIs and an administration interface to SQL databases.
- [Grafbase](https://react-libraries-five.vercel.app/backend/grafbase): Tools for building a GraphQL API layer across services and data sources.
- [Hasura](https://react-libraries-five.vercel.app/backend/hasura): A platform for exposing data through APIs, including GraphQL.
- [PocketBase](https://react-libraries-five.vercel.app/backend/pocketbase): A compact backend combining a database, authentication, storage, and an admin UI.
- [Prismic](https://react-libraries-five.vercel.app/backend/prismic): A headless content platform and visual page-building workflow.
- [Supabase](https://react-libraries-five.vercel.app/backend/supabase): A Postgres-based backend platform with authentication, storage, APIs, and realtime features.
- [Upstash](https://react-libraries-five.vercel.app/backend/upstash): Serverless-oriented data and messaging services with HTTP-friendly APIs.

### Servers & realtime

- [Servers & realtime](https://react-libraries-five.vercel.app/server): Handle requests, create WebSocket services, and collect webpage data.

- [AdonisJS](https://react-libraries-five.vercel.app/server/adonisjs): A full-featured server framework for TypeScript applications.
- [Crawlee](https://react-libraries-five.vercel.app/server/crawlee): A framework for building web crawlers and scrapers.
- [H3](https://react-libraries-five.vercel.app/server/h3): A server framework built around web-standard HTTP primitives.
- [Hono](https://react-libraries-five.vercel.app/server/hono): A web framework for JavaScript runtimes and edge environments.
- [Shovel](https://react-libraries-five.vercel.app/server/shovel): A server framework using Service Worker APIs across JavaScript runtimes.
- [ws](https://react-libraries-five.vercel.app/server/ws): A WebSocket client and server library for Node.js.

### Background jobs & workers

- [Background jobs & workers](https://react-libraries-five.vercel.app/background-jobs): Schedule recurring tasks, queue jobs, process webhooks, and offload computation.

- [Croner](https://react-libraries-five.vercel.app/background-jobs/croner): A scheduler that runs JavaScript tasks using cron expressions.
- [Cronicle](https://react-libraries-five.vercel.app/background-jobs/cronicle): A distributed task scheduler and runner with a web interface.
- [Hookdeck](https://react-libraries-five.vercel.app/background-jobs/hookdeck): Infrastructure and tooling for webhook and event delivery.
- [Sidequest.js](https://react-libraries-five.vercel.app/background-jobs/sidequest-js): A background-job library for running queued work.
- [Trigger.dev](https://react-libraries-five.vercel.app/background-jobs/trigger-dev): A platform for writing and operating background jobs in application code.
- [workerpool](https://react-libraries-five.vercel.app/background-jobs/workerpool): A worker-pool library for browsers and Node.js.

### Hosting & infrastructure

- [Hosting & infrastructure](https://react-libraries-five.vercel.app/hosting): Host frontends, run server applications, and configure cloud infrastructure.

- [Amazon Web Services](https://react-libraries-five.vercel.app/hosting/amazon-web-services): Cloud infrastructure and managed services for deploying and operating applications.
- [Cloudflare Developers](https://react-libraries-five.vercel.app/hosting/cloudflare-developers): Documentation for Cloudflare's developer platform and edge services.
- [Cuber](https://react-libraries-five.vercel.app/hosting/cuber): An automation tool for building and deploying applications on Kubernetes.
- [DigitalOcean](https://react-libraries-five.vercel.app/hosting/digitalocean): Cloud infrastructure and managed services for application development.
- [Fly.io](https://react-libraries-five.vercel.app/hosting/fly-io): A platform for deploying applications on distributed virtual machines.
- [Google Cloud](https://react-libraries-five.vercel.app/hosting/google-cloud): Cloud services for application hosting, data processing, and infrastructure.
- [Heroku](https://react-libraries-five.vercel.app/hosting/heroku): A managed application platform with deployment workflows and add-on services.
- [Microsoft Azure](https://react-libraries-five.vercel.app/hosting/microsoft-azure): A cloud platform offering compute, storage, identity, and managed application services.
- [OpenNext](https://react-libraries-five.vercel.app/hosting/opennext): Adapters for deploying Next.js applications outside a single hosting platform.
- [Render](https://react-libraries-five.vercel.app/hosting/render): A cloud platform for deploying websites, services, and background workers.
- [Vercel](https://react-libraries-five.vercel.app/hosting/vercel): A deployment platform focused on frontend applications and associated server functions.

### Email

- [Email](https://react-libraries-five.vercel.app/email): Compose reusable email interfaces from application components.

- [React Email](https://react-libraries-five.vercel.app/email/react-email): React components and tooling for composing email templates.

### Commerce & customer workflows

- [Commerce & customer workflows](https://react-libraries-five.vercel.app/commerce): Connect storefronts, payments, billing, and customer conversations.

- [Clerk Billing](https://react-libraries-five.vercel.app/commerce/clerk-billing): Billing features integrated with Clerk's account infrastructure.
- [Drift](https://react-libraries-five.vercel.app/commerce/drift): A customer-conversation platform for sales and support experiences.
- [Hydrogen React](https://react-libraries-five.vercel.app/commerce/hydrogen-react): React utilities and components for Shopify storefronts.
- [React Stripe.js](https://react-libraries-five.vercel.app/commerce/react-stripe-js): React components for Stripe Elements and payment integrations.

### Analytics & user insights

- [Analytics & user insights](https://react-libraries-five.vercel.app/analytics): Explore traffic, session behavior, and product adoption.

- [Microsoft Clarity](https://react-libraries-five.vercel.app/analytics/microsoft-clarity): A user-behavior analytics service with session replay and heatmaps.
- [Pendo](https://react-libraries-five.vercel.app/analytics/pendo): A product-analytics and digital-adoption platform.
- [Umami](https://react-libraries-five.vercel.app/analytics/umami): A web analytics application for understanding site usage.

### AI & conversational interfaces

- [AI & conversational interfaces](https://react-libraries-five.vercel.app/ai): Connect models, create chat interfaces, and automate tasks with AI.

- [AI SDK](https://react-libraries-five.vercel.app/ai/ai-sdk): TypeScript tools for working with AI models and streaming interfaces.
- [ElevenLabs UI](https://react-libraries-five.vercel.app/ai/elevenlabs-ui): Components for audio and AI-agent interfaces.
- [LLM Stats](https://react-libraries-five.vercel.app/ai/llm-stats): A website comparing language models through published metrics and benchmarks.
- [Midscene.js](https://react-libraries-five.vercel.app/ai/midscene-js): AI-driven automation that interprets interfaces from natural-language instructions.
- [nlux](https://react-libraries-five.vercel.app/ai/nlux): UI components for conversational AI interfaces in JavaScript and React.
- [Reachat](https://react-libraries-five.vercel.app/ai/reachat): React building blocks for chat and language-model interfaces.
- [Transformers.js](https://react-libraries-five.vercel.app/ai/transformers-js): Tools for running machine-learning models in JavaScript.
- [TypeChat](https://react-libraries-five.vercel.app/ai/typechat): Tools for translating natural-language requests into typed structured data.

## Build and ship

### API design & clients

- [API design & clients](https://react-libraries-five.vercel.app/api-tools): Describe API contracts, inspect requests, generate clients, and publish references.

- [Apicurio](https://react-libraries-five.vercel.app/api-tools/apicurio): Open-source tools for designing APIs and managing schemas in a registry.
- [Apidog](https://react-libraries-five.vercel.app/api-tools/apidog): An integrated workspace for API design, debugging, mocking, and documentation.
- [AsyncAPI](https://react-libraries-five.vercel.app/api-tools/asyncapi): A specification and tool ecosystem for event-driven APIs.
- [Insomnia](https://react-libraries-five.vercel.app/api-tools/insomnia): An API client for composing requests and organizing development workflows.
- [Orval](https://react-libraries-five.vercel.app/api-tools/orval): A generator that turns OpenAPI descriptions into typed clients and related tooling.
- [Postman](https://react-libraries-five.vercel.app/api-tools/postman): A workspace for sending requests, testing APIs, and sharing API collections.
- [Redocly](https://react-libraries-five.vercel.app/api-tools/redocly): Tools for validating API descriptions and publishing API documentation.
- [Stoplight](https://react-libraries-five.vercel.app/api-tools/stoplight): Tools for designing and documenting APIs around shared specifications.
- [Swagger](https://react-libraries-five.vercel.app/api-tools/swagger): Tools for editing, documenting, and exploring OpenAPI-described APIs.
- [TypeSpec](https://react-libraries-five.vercel.app/api-tools/typespec): A language for describing APIs and generating specifications and clients.

### Testing & mock data

- [Testing & mock data](https://react-libraries-five.vercel.app/testing): Automate browsers, compare screenshots, mock APIs, and generate fixtures.

- [@msw/playwright](https://react-libraries-five.vercel.app/testing/msw-playwright): Bindings that connect Mock Service Worker to Playwright.
- [@mswjs/data](https://react-libraries-five.vercel.app/testing/mswjs-data): Tools for modeling and querying data in tests.
- [Argos](https://react-libraries-five.vercel.app/testing/argos): An open-source visual testing platform.
- [enforce-unique](https://react-libraries-five.vercel.app/testing/enforce-unique): A helper for ensuring generated values remain unique.
- [Faker](https://react-libraries-five.vercel.app/testing/faker): A library that generates realistic-looking fake data.
- [Falso](https://react-libraries-five.vercel.app/testing/falso): A library for generating fake application data.
- [JSON Server](https://react-libraries-five.vercel.app/testing/json-server): A tool that exposes a JSON file through a mock REST API.
- [Magnitude Browser Agent](https://react-libraries-five.vercel.app/testing/magnitude-browser-agent): A vision-based browser automation framework using natural-language instructions.
- [msw-auto-mock](https://react-libraries-five.vercel.app/testing/msw-auto-mock): A generator for Mock Service Worker handlers from API descriptions.
- [Playwright](https://react-libraries-five.vercel.app/testing/playwright): A framework for automating and testing web browsers.
- [playwright-persona](https://react-libraries-five.vercel.app/testing/playwright-persona): Authentication helpers for organizing Playwright tests around personas.
- [Shortest](https://react-libraries-five.vercel.app/testing/shortest): A testing tool focused on application and CI workflows.
- [Snaplet Generate](https://react-libraries-five.vercel.app/testing/snaplet-generate): Tools for generating realistic data from database schemas.
- [Zod Mock](https://react-libraries-five.vercel.app/testing/zod-mock): A generator for mock values derived from Zod schemas.

### Developer tools & code health

- [Developer tools & code health](https://react-libraries-five.vercel.app/developer-tools): Inspect components, analyze dependencies, generate files, and apply code checks.

- [Biome](https://react-libraries-five.vercel.app/developer-tools/biome): A formatter and linter for web-project source code.
- [Bippy](https://react-libraries-five.vercel.app/developer-tools/bippy): Utilities for inspecting React's internal component structures.
- [Code Inspector](https://react-libraries-five.vercel.app/developer-tools/code-inspector): A development tool that connects rendered page elements to their source code.
- [dependency-cruiser](https://react-libraries-five.vercel.app/developer-tools/dependency-cruiser): A dependency analysis tool with configurable architecture rules.
- [envinfo](https://react-libraries-five.vercel.app/developer-tools/envinfo): A utility that reports development environment information.
- [Hygen](https://react-libraries-five.vercel.app/developer-tools/hygen): A code generator that uses templates kept inside a project.
- [is-reference](https://react-libraries-five.vercel.app/developer-tools/is-reference): A helper that identifies references in JavaScript syntax trees.
- [its-fine](https://react-libraries-five.vercel.app/developer-tools/its-fine): Escape-hatch utilities for specialized React integrations.
- [Knip](https://react-libraries-five.vercel.app/developer-tools/knip): A tool for finding unused files, exports, and dependencies.
- [Madge](https://react-libraries-five.vercel.app/developer-tools/madge): A dependency-graph tool for JavaScript projects.
- [mdxlint](https://react-libraries-five.vercel.app/developer-tools/mdxlint): A command-line linter for MDX documents.
- [Nano ID Collision Calculator](https://react-libraries-five.vercel.app/developer-tools/nano-id-collision-calculator): A calculator for estimating collisions in randomly generated Nano IDs.
- [next-cache-toolbar](https://react-libraries-five.vercel.app/developer-tools/next-cache-toolbar): A development toolbar for inspecting Next.js caching behavior.
- [Replay](https://react-libraries-five.vercel.app/developer-tools/replay): A tool for recording and replaying application execution.
- [TypeScript CSS Modules Plugin](https://react-libraries-five.vercel.app/developer-tools/typescript-css-modules-plugin): A TypeScript language-service plugin for CSS Modules.

### Logging & observability

- [Logging & observability](https://react-libraries-five.vercel.app/logging): Collect structured logs, track errors, and inspect recorded sessions.

- [Bunyan](https://react-libraries-five.vercel.app/logging/bunyan): A JSON logging library for Node.js.
- [LogRocket](https://react-libraries-five.vercel.app/logging/logrocket): A monitoring platform combining session replay and application diagnostics.
- [LogSnag](https://react-libraries-five.vercel.app/logging/logsnag): A service for recording and monitoring application events.
- [LogTape](https://react-libraries-five.vercel.app/logging/logtape): A structured logging library for JavaScript runtimes.
- [Morgan](https://react-libraries-five.vercel.app/logging/morgan): HTTP request-logging middleware for Node.js servers.
- [next-logger](https://react-libraries-five.vercel.app/logging/next-logger): A patcher that adds structured logging to Next.js output.
- [Pino](https://react-libraries-five.vercel.app/logging/pino): A structured JSON logger for Node.js.
- [Sentry](https://react-libraries-five.vercel.app/logging/sentry): Error tracking and performance monitoring for applications.

### Command-line tools

- [Command-line tools](https://react-libraries-five.vercel.app/cli): Parse arguments, prompt users, run processes, and format terminal output.

- [Ansis](https://react-libraries-five.vercel.app/cli/ansis): ANSI color and styling helpers for terminal text.
- [CAC](https://react-libraries-five.vercel.app/cli/cac): A framework for defining command-line commands and options.
- [Clack](https://react-libraries-five.vercel.app/cli/clack): Components for building interactive command-line experiences.
- [cli-cursor](https://react-libraries-five.vercel.app/cli/cli-cursor): A utility for showing and hiding the terminal cursor.
- [cli-spinners](https://react-libraries-five.vercel.app/cli/cli-spinners): A collection of animation frames for terminal spinners.
- [clipboardy](https://react-libraries-five.vercel.app/cli/clipboardy): A utility for reading and writing the system clipboard.
- [Execa](https://react-libraries-five.vercel.app/cli/execa): A process-execution library for Node.js.
- [is-interactive](https://react-libraries-five.vercel.app/cli/is-interactive): A detector for interactive terminal output.
- [is-unicode-supported](https://react-libraries-five.vercel.app/cli/is-unicode-supported): A detector for terminal Unicode support.
- [kleur](https://react-libraries-five.vercel.app/cli/kleur): Functions for formatting terminal text with ANSI styles.
- [log-symbols](https://react-libraries-five.vercel.app/cli/log-symbols): Colored symbols for common log levels.
- [meow](https://react-libraries-five.vercel.app/cli/meow): A helper for creating command-line applications.
- [npm-run-path](https://react-libraries-five.vercel.app/cli/npm-run-path): A helper that resolves executable paths similarly to package scripts.
- [ora](https://react-libraries-five.vercel.app/cli/ora): A terminal spinner for asynchronous command-line work.
- [picocolors](https://react-libraries-five.vercel.app/cli/picocolors): A small terminal color-formatting utility.
- [progress-estimator](https://react-libraries-five.vercel.app/cli/progress-estimator): A helper for estimating and displaying task progress.
- [prompts](https://react-libraries-five.vercel.app/cli/prompts): A library for interactive command-line questions.
- [Sly](https://react-libraries-five.vercel.app/cli/sly): A command-line tool for adding reusable components and utilities to a project.
- [tiged](https://react-libraries-five.vercel.app/cli/tiged): A tool for downloading repository templates without their Git history.
- [tldr pages](https://react-libraries-five.vercel.app/cli/tldr-pages): Community-written command examples that complement traditional manual pages.
- [zx](https://react-libraries-five.vercel.app/cli/zx): A toolkit for writing shell-oriented scripts in JavaScript.

### Build tools & task runners

- [Build tools & task runners](https://react-libraries-five.vercel.app/build-tools): Bundle code, analyze builds, and coordinate development processes.

- [@vercel/ncc](https://react-libraries-five.vercel.app/build-tools/vercel-ncc): A compiler that bundles a Node.js project into a distributable output.
- [concurrently](https://react-libraries-five.vercel.app/build-tools/concurrently): A tool for running multiple commands together.
- [npm-run-all](https://react-libraries-five.vercel.app/build-tools/npm-run-all): A runner for executing npm scripts sequentially or in parallel.
- [Rolldown](https://react-libraries-five.vercel.app/build-tools/rolldown): A Rust-based JavaScript bundler with a Rollup-oriented API.
- [Rsdoctor](https://react-libraries-five.vercel.app/build-tools/rsdoctor): A build-analysis tool for Rspack and webpack.
- [tsx](https://react-libraries-five.vercel.app/build-tools/tsx): A tool for executing TypeScript files in Node.js.
- [Wireit](https://react-libraries-five.vercel.app/build-tools/wireit): A task runner that enhances package scripts with dependency-aware execution.

### Package development & releases

- [Package development & releases](https://react-libraries-five.vercel.app/packages): Build packages, inspect dependencies, validate exports, and automate releases.

- [API Extractor](https://react-libraries-five.vercel.app/packages/api-extractor): A TypeScript analysis tool for API reports and declaration output.
- [ni](https://react-libraries-five.vercel.app/packages/ni): A command wrapper that chooses the project's package manager.
- [npm-check-updates](https://react-libraries-five.vercel.app/packages/npm-check-updates): A tool that finds dependency versions beyond current package ranges.
- [npmgraph](https://react-libraries-five.vercel.app/packages/npmgraph): A visual explorer for npm dependency graphs.
- [pkgroll](https://react-libraries-five.vercel.app/packages/pkgroll): A package bundler that derives outputs from package metadata.
- [Preconstruct](https://react-libraries-five.vercel.app/packages/preconstruct): Build tooling for developing and packaging JavaScript libraries in monorepos.
- [publint](https://react-libraries-five.vercel.app/packages/publint): A linter for published package structure and compatibility.
- [release-it](https://react-libraries-five.vercel.app/packages/release-it): A command-line tool for automating software releases.
- [Size Limit](https://react-libraries-five.vercel.app/packages/size-limit): A tool for checking JavaScript package size against configured budgets.
- [tshy](https://react-libraries-five.vercel.app/packages/tshy): A TypeScript package builder for ESM and CommonJS outputs.
- [tsup](https://react-libraries-five.vercel.app/packages/tsup): A bundler for TypeScript libraries with a compact configuration surface.
- [yalc](https://react-libraries-five.vercel.app/packages/yalc): A local package workflow for testing unpublished dependencies.
- [zshy](https://react-libraries-five.vercel.app/packages/zshy): A TypeScript library build tool based on the TypeScript compiler.

## Explore the ecosystem

### Frameworks & starters

- [Frameworks & starters](https://react-libraries-five.vercel.app/frameworks): Compare application frameworks, starter kits, and specialized project scaffolds.

- [Astro](https://react-libraries-five.vercel.app/frameworks/astro): A web framework for content sites and applications with selective interactivity.
- [Better-T-Stack](https://react-libraries-five.vercel.app/frameworks/better-t-stack): A configurable starter generator for type-safe TypeScript application stacks.
- [Blitz](https://react-libraries-five.vercel.app/frameworks/blitz): A toolkit and conventions for full-stack application development.
- [Create T3 App](https://react-libraries-five.vercel.app/frameworks/create-t3-app): A starter generator for type-safe full-stack applications.
- [Epic Stack](https://react-libraries-five.vercel.app/frameworks/epic-stack): An opinionated starter for full-stack web applications.
- [Gatsby](https://react-libraries-five.vercel.app/frameworks/gatsby): A React framework for building content-driven websites.
- [Nexfaster](https://react-libraries-five.vercel.app/frameworks/nexfaster): A template demonstrating React Router inside a Next.js application.
- [Next.js](https://react-libraries-five.vercel.app/frameworks/next-js): A React framework for routing, rendering, and server-side application features.
- [React Just](https://react-libraries-five.vercel.app/frameworks/react-just): Tooling for React Server Components with a Vite-based workflow.
- [RedwoodJS / RedwoodSDK](https://react-libraries-five.vercel.app/frameworks/redwoodjs-redwoodsdk): A React framework lineage spanning full-stack applications and server-first development.
- [Refine](https://react-libraries-five.vercel.app/frameworks/refine): A React framework for data-intensive business applications.
- [Remix](https://react-libraries-five.vercel.app/frameworks/remix): A web framework built around routing and web-standard data flows.
- [Vercel Platforms Starter Kit](https://react-libraries-five.vercel.app/frameworks/vercel-platforms-starter-kit): A starter application demonstrating a multi-tenant platform.
- [Vike](https://react-libraries-five.vercel.app/frameworks/vike): A framework toolkit built on Vite for server rendering and application routing.
- [WXT](https://react-libraries-five.vercel.app/frameworks/wxt): A framework and build workflow for browser extensions.

### Mobile, desktop & shared apps

- [Mobile, desktop & shared apps](https://react-libraries-five.vercel.app/mobile): Build native-style applications and coordinate shared web and mobile behavior.

- [Neutralinojs](https://react-libraries-five.vercel.app/mobile/neutralinojs): A framework for desktop applications built with web technologies.
- [React Native Reanimated](https://react-libraries-five.vercel.app/mobile/react-native-reanimated): An animation library for React Native.
- [Solito](https://react-libraries-five.vercel.app/mobile/solito): Navigation tooling for sharing React code across web and native applications.

### Documentation & publishing

- [Documentation & publishing](https://react-libraries-five.vercel.app/documentation): Create documentation, technical blogs, and navigable Markdown content.

- [doctoc](https://react-libraries-five.vercel.app/documentation/doctoc): A generator for Markdown tables of contents.
- [Docusaurus](https://react-libraries-five.vercel.app/documentation/docusaurus): A React-based site generator for documentation and content.
- [GitBook](https://react-libraries-five.vercel.app/documentation/gitbook): A platform for creating and publishing product documentation.
- [Next Docs](https://react-libraries-five.vercel.app/documentation/next-docs): A Next.js-based documentation-site project from the original collection.
- [Nextra](https://react-libraries-five.vercel.app/documentation/nextra): A documentation and content framework based on Next.js and MDX.
- [plok.sh](https://react-libraries-five.vercel.app/documentation/plok-sh): A tool for turning a GitHub repository into a blog.

### Open-source applications

- [Open-source applications](https://react-libraries-five.vercel.app/open-source-apps): Explore real applications and reference implementations.

- [Allan Lasser's Website](https://react-libraries-five.vercel.app/open-source-apps/allan-lasser-s-website): The source repository for a personal website.
- [Cap](https://react-libraries-five.vercel.app/open-source-apps/cap): An open-source screen-recording and sharing application.
- [DeepWiki Open](https://react-libraries-five.vercel.app/open-source-apps/deepwiki-open): An AI-assisted documentation generator for source-code repositories.
- [Dub](https://react-libraries-five.vercel.app/open-source-apps/dub): An open-source link-management application.
- [Flagsmith](https://react-libraries-five.vercel.app/open-source-apps/flagsmith): An open-source feature-flag and remote-configuration platform.
- [Morphic](https://react-libraries-five.vercel.app/open-source-apps/morphic): An open-source AI search interface.
- [Node.js Website](https://react-libraries-five.vercel.app/open-source-apps/node-js-website): The source repository for the Node.js project website.
- [Noodle](https://react-libraries-five.vercel.app/open-source-apps/noodle): An open-source productivity application for notes and task management.
- [OpenSauced](https://react-libraries-five.vercel.app/open-source-apps/opensauced): An application for exploring open-source contribution and repository insights.
- [Plane](https://react-libraries-five.vercel.app/open-source-apps/plane): An open-source application for managing projects and work items.
- [RAG Web UI](https://react-libraries-five.vercel.app/open-source-apps/rag-web-ui): An open-source conversational application built around retrieval-augmented generation.
- [ray.so](https://react-libraries-five.vercel.app/open-source-apps/ray-so): The source for Raycast's web-based developer utilities.
- [Raycast Preset Explorer](https://react-libraries-five.vercel.app/open-source-apps/raycast-preset-explorer): An application for browsing and sharing Raycast AI presets.
- [Replay DevTools](https://react-libraries-five.vercel.app/open-source-apps/replay-devtools): The source repository for Replay's debugging interface.
- [Vercel AI Chatbot](https://react-libraries-five.vercel.app/open-source-apps/vercel-ai-chatbot): A reference chatbot application built with Vercel's AI tooling.
- [Vercel Book Inventory](https://react-libraries-five.vercel.app/open-source-apps/vercel-book-inventory): A sample application organized around a book inventory.

### Learning & references

- [Learning & references](https://react-libraries-five.vercel.app/learning): Find documentation, tutorials, architecture examples, and practice resources.

- [Advanced TypeScript Guide](https://react-libraries-five.vercel.app/learning/advanced-typescript-guide): A guide connecting advanced TypeScript features with practical examples.
- [Algorithm Visualizer](https://react-libraries-five.vercel.app/learning/algorithm-visualizer): An interactive project for visualizing algorithms.
- [Awesome shadcn/ui](https://react-libraries-five.vercel.app/learning/awesome-shadcn-ui): A curated collection of projects in the shadcn/ui ecosystem.
- [Bulletproof React](https://react-libraries-five.vercel.app/learning/bulletproof-react): A reference application demonstrating React architecture and project organization.
- [ByteByteGo](https://react-libraries-five.vercel.app/learning/bytebytego): Articles explaining system design and software architecture.
- [Epic Stack User Impersonation Example](https://react-libraries-five.vercel.app/learning/epic-stack-user-impersonation-example): A saved discussion linking to an Epic Stack user-impersonation example.
- [freeCodeCamp](https://react-libraries-five.vercel.app/learning/freecodecamp): Programming lessons, projects, and technical articles.
- [HTML DOM by Phuoc Nguyen](https://react-libraries-five.vercel.app/learning/html-dom-by-phuoc-nguyen): Examples of DOM manipulation using browser APIs.
- [JavaScript Today](https://react-libraries-five.vercel.app/learning/javascript-today): Articles about JavaScript, web development, and related programming topics.
- [LeetCode](https://react-libraries-five.vercel.app/learning/leetcode): A platform for practicing programming problems.
- [MDN HTTP Guide](https://react-libraries-five.vercel.app/learning/mdn-http-guide): Reference material explaining HTTP messages, headers, and behavior.
- [MDN Web Docs](https://react-libraries-five.vercel.app/learning/mdn-web-docs): Reference documentation for web standards and browser APIs.
- [Nexar](https://react-libraries-five.vercel.app/learning/nexar): An application-architecture reference for Next.js App Router projects.
- [Next.js App Router Training](https://react-libraries-five.vercel.app/learning/next-js-app-router-training): A collection of examples demonstrating Next.js App Router patterns.
- [Node.js CLI Apps Best Practices](https://react-libraries-five.vercel.app/learning/node-js-cli-apps-best-practices): A collection of recommendations for building command-line applications.
- [React Documentation](https://react-libraries-five.vercel.app/learning/react-documentation): The official learning and reference documentation for React.
- [React Handbook](https://react-libraries-five.vercel.app/learning/react-handbook): A guide to application architecture and feature development in React.
- [The Design System Guide](https://react-libraries-five.vercel.app/learning/the-design-system-guide): Guides and resources for creating and maintaining design systems.
- [TutorialsPoint Express Tutorial](https://react-libraries-five.vercel.app/learning/tutorialspoint-express-tutorial): An introductory tutorial for building servers with Express.
- [Unicorn Utterances](https://react-libraries-five.vercel.app/learning/unicorn-utterances): Articles explaining programming concepts at several experience levels.
- [W3Schools](https://react-libraries-five.vercel.app/learning/w3schools): Tutorials and references covering common web technologies.
- [W3Schools CSS Tutorial](https://react-libraries-five.vercel.app/learning/w3schools-css-tutorial): An introductory guide to CSS styling and layout.
- [W3Schools HTML Tutorial](https://react-libraries-five.vercel.app/learning/w3schools-html-tutorial): An introductory guide to HTML elements and document structure.
- [W3Schools JavaScript Tutorial](https://react-libraries-five.vercel.app/learning/w3schools-javascript-tutorial): An introductory tutorial and reference for JavaScript.
- [web.dev](https://react-libraries-five.vercel.app/learning/web-dev): Guides to building modern, performant, and accessible websites.

### Communities & publishing platforms

- [Communities & publishing platforms](https://react-libraries-five.vercel.app/community): Find technical communities, discussion spaces, and developer publishing platforms.

- [Answer Overflow](https://react-libraries-five.vercel.app/community/answer-overflow): Tools that make Discord support conversations discoverable on the web.
- [daily.dev](https://react-libraries-five.vercel.app/community/daily-dev): A developer community and feed for discovering technical articles.
- [DEV Community](https://react-libraries-five.vercel.app/community/dev-community): A publishing and discussion community for software developers.
- [HackerNoon](https://react-libraries-five.vercel.app/community/hackernoon): A publishing platform for technology stories and technical articles.
- [Hashnode](https://react-libraries-five.vercel.app/community/hashnode): A blogging platform and community for developers.
- [Reactiflux](https://react-libraries-five.vercel.app/community/reactiflux): A Discord community centered on React and related development topics.
- [Showwcase](https://react-libraries-five.vercel.app/community/showwcase): A professional community platform for developers.

## Popular tasks

- [Format a date](https://react-libraries-five.vercel.app/tasks/format-a-date): Format, parse, and work with dates across locales and timezones.
- [Build a sortable list](https://react-libraries-five.vercel.app/tasks/build-a-sortable-list): Reorder a list, move cards between columns, or build a custom drop interaction.
- [Explore a large dataset](https://react-libraries-five.vercel.app/tasks/explore-a-large-dataset): Display a large dataset in a table with search, sorting, filtering, and editing.

## Other

- [Choosing a library](https://react-libraries-five.vercel.app/choosing-a-library): Start with the job, then compare the amount of UI and behavior you want to own.
- [Add a command palette](https://react-libraries-five.vercel.app/tasks/add-a-command-palette): Bind shortcuts and build keyboard-friendly command interfaces.
- [Add backend capabilities](https://react-libraries-five.vercel.app/tasks/add-backend-capabilities): Add databases, content management, APIs, storage, and realtime features.
- [Add interface icons](https://react-libraries-five.vercel.app/tasks/add-interface-icons): Find reusable icon collections and React icon components.
- [Add user accounts](https://react-libraries-five.vercel.app/tasks/add-user-accounts): Integrate sign-in, sessions, organizations, and enterprise identity.
- [Animate an interaction](https://react-libraries-five.vercel.app/tasks/animate-an-interaction): Create transitions, gesture effects, parallax, and expressive interface elements.
- [Arrange a workspace](https://react-libraries-five.vercel.app/tasks/arrange-a-workspace): Create resizable panels, responsive layouts, and growing content grids.
- [Build a checkout or subscription flow](https://react-libraries-five.vercel.app/tasks/build-a-checkout-or-subscription-flow): Connect storefronts, payments, billing, and customer conversations.
- [Build a command-line workflow](https://react-libraries-five.vercel.app/tasks/build-a-command-line-workflow): Parse arguments, prompt users, run processes, and format terminal output.
- [Build a consistent interface](https://react-libraries-five.vercel.app/tasks/build-a-consistent-interface): Find complete component libraries, headless primitives, and copyable UI blocks.
- [Build a form](https://react-libraries-five.vercel.app/tasks/build-a-form): Manage form state, validate fields, and guide users through submissions.
- [Build a visual canvas](https://react-libraries-five.vercel.app/tasks/build-a-visual-canvas): Create drawings, diagrams, shader effects, and three-dimensional interactions.
- [Build an AI-powered feature](https://react-libraries-five.vercel.app/tasks/build-an-ai-powered-feature): Connect models, create chat interfaces, and automate tasks with AI.
- [Build an email template](https://react-libraries-five.vercel.app/tasks/build-an-email-template): Compose reusable email interfaces from application components.
- [Build an HTTP or realtime service](https://react-libraries-five.vercel.app/tasks/build-an-http-or-realtime-service): Handle requests, create WebSocket services, and collect webpage data.
- [Build and run a project](https://react-libraries-five.vercel.app/tasks/build-and-run-a-project): Bundle code, analyze builds, and coordinate development processes.
- [Choose a date or schedule events](https://react-libraries-five.vercel.app/tasks/choose-a-date-or-schedule-events): Select dates and ranges, display appointments, and navigate event calendars.
- [Choose and enter values](https://react-libraries-five.vercel.app/tasks/choose-and-enter-values): Collect values with selects, autocomplete, sliders, tags, and specialized inputs.
- [Connect with other developers](https://react-libraries-five.vercel.app/tasks/connect-with-other-developers): Find technical communities, discussion spaces, and developer publishing platforms.
- [Control a scrolling view](https://react-libraries-five.vercel.app/tasks/control-a-scrolling-view): Bring content into view and customize scroll containers.
- [Deploy an application](https://react-libraries-five.vercel.app/tasks/deploy-an-application): Host frontends, run server applications, and configure cloud infrastructure.
- [Design and test an API](https://react-libraries-five.vercel.app/tasks/design-and-test-an-api): Describe API contracts, inspect requests, generate clients, and publish references.
- [Explain code visually](https://react-libraries-five.vercel.app/tasks/explain-code-visually): Highlight source code and create annotated or animated walkthroughs.
- [Fetch and update server data](https://react-libraries-five.vercel.app/tasks/fetch-and-update-server-data): Call APIs, manage cached responses, and connect interface actions to the server.
- [Guide a new user](https://react-libraries-five.vercel.app/tasks/guide-a-new-user): Introduce features with guided tours and multi-step onboarding.
- [Handle untrusted input safely](https://react-libraries-five.vercel.app/tasks/handle-untrusted-input-safely): Sanitize markup and work with password hashing or cryptographic formats.
- [Import or export a file](https://react-libraries-five.vercel.app/tasks/import-or-export-a-file): Upload files, export CSV, create archives, and work with file paths.
- [Investigate application failures](https://react-libraries-five.vercel.app/tasks/investigate-application-failures): Collect structured logs, track errors, and inspect recorded sessions.
- [Keep an interface responsive](https://react-libraries-five.vercel.app/tasks/keep-an-interface-responsive): Virtualize long lists, reduce repeated work, and inspect rendering costs.
- [Learn a development concept](https://react-libraries-five.vercel.app/tasks/learn-a-development-concept): Find documentation, tutorials, architecture examples, and practice resources.
- [Let users edit content](https://react-libraries-five.vercel.app/tasks/let-users-edit-content): Add rich-text, Markdown, JSON, and code-editing experiences.
- [Make application logic type-safe](https://react-libraries-five.vercel.app/tasks/make-application-logic-type-safe): Express complex types, test declarations, and model application logic.
- [Move structured data](https://react-libraries-five.vercel.app/tasks/move-structured-data): Serialize richer JavaScript values and prepare JSON payloads.
- [Navigate between screens](https://react-libraries-five.vercel.app/tasks/navigate-between-screens): Connect URLs, navigation state, and application rendering.
- [Present interactive media](https://react-libraries-five.vercel.app/tasks/present-interactive-media): Display galleries, play audio, generate video, and process images.
- [Preview a shared link](https://react-libraries-five.vercel.app/tasks/preview-a-shared-link): Generate social-sharing images and display cards for pasted URLs.
- [Publish a documentation site](https://react-libraries-five.vercel.app/tasks/publish-a-documentation-site): Create documentation, technical blogs, and navigable Markdown content.
- [Publish a library](https://react-libraries-five.vercel.app/tasks/publish-a-library): Build packages, inspect dependencies, validate exports, and automate releases.
- [Render rich content](https://react-libraries-five.vercel.app/tasks/render-rich-content): Highlight matching text, balance headings, and embed external content.
- [Run work in the background](https://react-libraries-five.vercel.app/tasks/run-work-in-the-background): Schedule recurring tasks, queue jobs, process webhooks, and offload computation.
- [Search a collection](https://react-libraries-five.vercel.app/tasks/search-a-collection): Find approximate text matches, index documents, and build suggestion interfaces.
- [Share application state](https://react-libraries-five.vercel.app/tasks/share-application-state): Coordinate local state, shared stores, URL state, and persistent client data.
- [Share code across platforms](https://react-libraries-five.vercel.app/tasks/share-code-across-platforms): Build native-style applications and coordinate shared web and mobile behavior.
- [Show contextual controls](https://react-libraries-five.vercel.app/tasks/show-contextual-controls): Build dialogs, contextual menus, popovers, and anchored tooltips.
- [Show locations on a map](https://react-libraries-five.vercel.app/tasks/show-locations-on-a-map): Render maps, place markers, and work with location or postal data.
- [Show progress and feedback](https://react-libraries-five.vercel.app/tasks/show-progress-and-feedback): Display toasts, loading indicators, desktop alerts, and browser push notifications.
- [Start an application](https://react-libraries-five.vercel.app/tasks/start-an-application): Compare application frameworks, starter kits, and specialized project scaffolds.
- [Store and query records](https://react-libraries-five.vercel.app/tasks/store-and-query-records): Choose a database platform, query builder, or object-relational mapper.
- [Study a complete application](https://react-libraries-five.vercel.app/tasks/study-a-complete-application): Explore real applications and reference implementations.
- [Style and theme components](https://react-libraries-five.vercel.app/tasks/style-and-theme-components): Compose CSS classes, create design tokens, and build reusable component styles.
- [Test a user workflow](https://react-libraries-five.vercel.app/tasks/test-a-user-workflow): Automate browsers, compare screenshots, mock APIs, and generate fixtures.
- [Transform application data](https://react-libraries-five.vercel.app/tasks/transform-application-data): Reuse helpers for collections, identifiers, browser behavior, and React integrations.
- [Translate an application](https://react-libraries-five.vercel.app/tasks/translate-an-application): Organize localized messages and language-specific routes.
- [Understand and improve a codebase](https://react-libraries-five.vercel.app/tasks/understand-and-improve-a-codebase): Inspect components, analyze dependencies, generate files, and apply code checks.
- [Understand product usage](https://react-libraries-five.vercel.app/tasks/understand-product-usage): Explore traffic, session behavior, and product adoption.
- [Validate incoming data](https://react-libraries-five.vercel.app/tasks/validate-incoming-data): Check forms, API payloads, and configuration against explicit schemas.
- [Visualize a dataset](https://react-libraries-five.vercel.app/tasks/visualize-a-dataset): Explain data with charts, heatmaps, timelines, and custom visualizations.

## Agent skills

- [react-libraries](https://react-libraries-five.vercel.app/.well-known/agent-skills/react-libraries/SKILL.md): Read the React Libraries docs instead of answering from memory. Find a React library by what you want to build. Clear use cases, practical differences, and direct links to the docs. Use when a task involves React Libraries: how it works, how to set it up or configure it, or its API.

## Agent resources

- [llms-full.txt](https://react-libraries-five.vercel.app/llms-full.txt): The full Markdown of every page in one file.
- [Page Markdown](https://react-libraries-five.vercel.app/index.md): Append `.md` to any page URL to fetch that page as raw Markdown.
- [JSON API](https://react-libraries-five.vercel.app/api/docs/pages.json): Page index of the JSON docs API; each entry links the page's JSON and Markdown forms. Described by the OpenAPI document at https://react-libraries-five.vercel.app/openapi.json.
- [Agent skills](https://react-libraries-five.vercel.app/.well-known/agent-skills/index.json): Agent Skills discovery index of the skills this site publishes.
- [API catalog](https://react-libraries-five.vercel.app/.well-known/api-catalog): RFC 9727 linkset of the APIs documented here.
- [AI catalog](https://react-libraries-five.vercel.app/.well-known/ai-catalog.json): ARD manifest of the agent-facing resources on this site (MCP server, skills, APIs).
- [agent-readability.json](https://react-libraries-five.vercel.app/agent-readability.json): Manifest of every agent-facing artifact on this site.
- [Sitemap](https://react-libraries-five.vercel.app/sitemap.xml): Every indexable page URL with its last-modified date.