ReactToolkit ReactToolkit
272 resources · 40 categories
React Community
Official React community resources
React Blog
Official React blog
React Discord
Official React Discord community
React Quick Start Tutorial
Official React quick start guide
React Website
Official React documentation and resources
React Repository
Official React GitHub repository
React Conferences
Information about React conferences
Using React in VS Code Tutorial
Official VS Code tutorial about using React
DEV's React Community
Official tag for Facebook's React JavaScript library for building user interfaces.
Hashnode
A friendly and inclusive dev community.
Tuono
A full-stack web framework for building React applications using Rust as the backend with a strong focus on usability and performance.
Gatsby
A React-based open-source framework for creating fast, secure, and powerful websites using modern web technologies.
Remix
A full stack web framework that lets you focus on the user interface and works seamlessly with React.
Blitz.js
A framework built on top of Next.js, providing a full-stack experience with a focus on developer productivity.
RedwoodJS
An opinionated, full-stack, serverless web application framework built on React, GraphQL, and Prisma.
Next.js
A React framework that enables server-side rendering and static site generation for building fast and SEO-friendly web applications.
Refine
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
Auth.js
Authentication for the Web. Free and open source.
Auth0
A platform for securing access to your applications, devices, and users.
Okta
A complete identity management solution for your web and mobile apps.
Clerk
Authentication and user management for modern applications.
BetterAuth
Authentication and authorization for modern web applications.
Tanstack Router
A powerful routing library for React applications.
React Router
The standard routing library for React applications.
Wouter
A minimalist-friendly ~2.1KB routing for React and Preact.
Reach Router
A routing library with a focus on accessibility and simplicity.
Swapy
A framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
DnDKit
A lightweight, performant, accessible and extensible drag & drop toolkit for React.
React Dragula
A drag-and-drop library for React based on Dragula.
React DnD
A set of React utilities to help you build complex drag-and-drop interfaces.
SortableJS
A React wrapper for SortableJS, a library for reorderable drag-and-drop lists.
React Complex Tree
Unopinionated Accessible Tree Component with Multi-Select and Drag-And-Drop.
react-movable
Drag and drop for your React lists and tables.
GridstackJS New
Mobile-friendly modern TypeScript library for dashboard layout and creation. Drag-and-drop, multi-column responsive dashboards with bindings for React, Angular, Vue and more.
React Beautiful DnD
A powerful and beautiful drag-and-drop library for lists with React.
FormKit's Drag and Drop
A small library for adding data-first drag and drop sorting and transferring for lists in your app.
Shadcn UI
A modern UI framework for building responsive and accessible web applications.
Eldora UI
An open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.
Material UI
An open-source React component library that implements Google's Material Design.
Radix UI
An open source component library optimized for fast development, easy maintenance, and accessibility.
Material Tailwind
An open-source library that uses the power of Tailwind CSS and React to help you build unique web projects faster and easier.
React Spectrum Libraries
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
Flowbite React
An open-source UI component library built on top of Tailwind CSS with React components and based on the Flowbite Design System.
Next UI
A modern design system for building beautiful React applications.
Chakra UI
A simple, modular, and accessible component library that gives you the building blocks to build your React applications.
Mantine
A fully featured React components library with native dark theme support.
Ant Design
A design system with values of Nature and Determinacy for better user experience of enterprise applications.
FluentUI
A collection of UX frameworks from Microsoft that help you build web apps that match the Microsoft Design Language
Ariakit
A modern React UI library that helps you build fast, accessible, and responsive web applications.
NativeBase
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
PrimeReact
A comprehensive suite of customizable, feature-rich UI components.
DaisyUI
The most popular component library for Tailwind CSS.
rsuitejs
A suite of React components, sensible UI design, and a friendly development experience.
Tremor
React components to build charts and dashboards.
Sailboat UI
A modern UI component library for Tailwind CSS.
Blueprint
A React-based UI toolkit for the web.
Grommet
Build responsive and accessible mobile-first projects for the web with an easy to use component library.
Reakit
Toolkit for building accessible web apps with React.
FlyonUI
An open-source Tailwind CSS Components Library with semantic classes and powerful JS plugins.
Headless UI
A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
React Email
An open source component library optimized for fast development, easy maintenance, and accessibility.
Apsara
An elegant and beautiful re-usable React UI components build using Radix UI and Stitches CSS-in-JS.
dotUI
Minimalist component library focused on simplicity and performance.
Aceternity UI
Copy paste the most trending components and use them in your websites without having to worry about styling and animations.
Justd
Accessible React UI components similar to Shadcn/ui but using React Area instead of Radix.
Park UI
Beautiful designed components build with Ark UI and Panda CSS.
Gestalt
A set of React UI components that supports Pinterest’s design language.
Elastic UI
The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics.
Ring UI
A collection of JetBrains Web UI components.
Preline
An open-source Tailwind CSS components library for any needs.
CuiCui
A collection of components, tools, and hooks that are designed to be simple, customizable and educational.
Reui
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
Indie UI
Rich Styled UI Components built with Reactjs, shadcn and Framer Motion for animation.
ZenUI
An Tailwind CSS components library for any needs. Comes with UI examples & blocks, templates, Icons, Color Palette and more.
Polaris
Shopify’s design system to help us work together to build a great experience for all of our merchants.
Kokonut UI
Open Source UI components built with Tailwind CSS for React and Next.js.
Evergreen
A React UI Framework for building ambitious products on the web.
React Bootstrap
Bootstrap components built with React.
TailusUI
Highly customizable React components for crafting modern, personalized websites and applications.
Theme UI
Build consistent, themeable React apps based on constraint-based design principles.
Orbit
React components of open-source Orbit design system by Kiwi.com.
MagicUI
150+ free and open-source animated components and effects built with React, Typescript, Tailwind CSS, and Motion.
EverUI
Unstyled highly composable components that you can copy/paste in your own codebase.
Base UI New
Unstyled, accessible UI components from the MUI team. Full control over styling with zero defaults.
Tanstack Table
A headless UI for building powerful tables and datagrids.
Material-UI Table
Tables built with Material-UI, a popular React UI framework.
React Data Grid
Excel-like grid component built with React.
Griddle
A simple grid component for use with React.
AG Grid
A feature-rich datagrid designed for the major JavaScript frameworks.
Tabulator
Interactive Tables and Data Grids.
Tanstack Form
A powerful form library for React applications.
Formik
Build forms in React, without the tears.
React Json Schema Form
A React component for building Web forms from JSON Schema.
Formily
Alibaba Group Unified Form Solution.
React Hook Form
Performant, flexible, and extensible forms with easy-to-use validation.
Novajs
A collection of dependency-free React hooks.
useHooks
A collection of reusable React hooks.
React Use
A library of essential React hooks.
ahooks
A set of high-quality and reliable React hooks.
usehooks-ts
React hook library, ready to use, written in Typescript.
Sonner
An opinionated toast component for React.
React Toastify
A popular library for adding customizable and easy-to-use toast notifications to your React applications.
Notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other.
React Toast Notifications
A toast notification system for react.
React Hot Toast
A super easy toast library for React.
pheralb/toast
An accessible and beautiful toast library for React.
Reapop
A simple and customizable React notifications system.
React Notification System
A complete and totally customizable component for notifications in React.
Zustand
A small, fast, and scalable bearbones state-management solution.
Tanstack Store
A powerful state management library for React applications.
Redux Toolkit
The official, recommended way to write Redux logic.
Recoil
A state management library for React that makes it easy to share state across components.
Stan Js
Fast and elegant state management solution with minimal configuration for your React, React Native and even vanilla-js apps.
Jotai
Primitive and flexible state management for React applications.
MobX New
Simple, scalable state management using observable data and reactive programming.
XState New
State machines and statecharts for modern JavaScript and React applications.
Valtio New
Proxy-based state management for React that makes state mutations feel natural.
Axios
A promise-based HTTP client for the browser and Node.js.
Tanstack Query
Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Solid, Vue, Svelte, and more.
Fetch API
A modern interface for making HTTP requests in the browser.
tRPC New
End-to-end typesafe APIs for React — no schemas, no code generation, full TypeScript inference.
Apollo Client
A fully-featured, production ready caching GraphQL client.
Relay
A JavaScript framework for building data-driven React applications
SWR
React Hooks library for remote data fetching.
URQL New
A highly customizable and versatile GraphQL client for React.
Vanilla Extract
Zero-runtime Stylesheets-in-TypeScript
TailwindCSS
A utility-first CSS framework for rapidly building custom user interfaces.
Styled Components
Utilizes tagged template literals to style your components.
Emotion
A performant and flexible CSS-in-JS library.
Linaria
Zero-runtime CSS in JS library.
styletron
Toolkit for component-oriented styling.
Stitches
CSS-in-JS with near-zero runtime, SSR, multi-variant support.
Panda CSS New
CSS-in-JS with build-time generated styles, RSC compatible, multi-variant support, and great developer experience.
UnoCSS New
Instant on-demand atomic CSS engine — flexible, powerful, and blazing fast.
Recharts
A composable charting library built on React components.
Victory
A collection of composable React components for building interactive data visualizations.
Chart.js
Simple yet flexible JavaScript charting for designers & developers.
Apache ECharts
Apache ECharts is a powerful, interactive charting and data visualization library for browser.
Mermaid Js
JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
React Timeseries Charts
Declarative and modular timeseries charting components for React.
React-Vis
A collection of react components to render common data visualization charts.
ECharts for React
A React wrapper for Apache ECharts.
Visx
A collection of low-level visualization components for React.
Unovis
A modular data visualization framework for React, Angular, Svelte, Vue, Solid.
React Google Charts
A thin, typed, React wrapper over Google Charts Visualization and Charts API.
Semiotic
A data visualization framework for React.
Nivo
Provides a rich set of data visualization components, built on top of D3 and React.
React Flow
A customizable React component for building node-based editors and interactive diagrams.
Tanstack Virtual
A powerful virtual list and grid library for React applications.
React Virtualized
A set of React components for efficiently rendering large lists and tabular data.
Virtua
A virtual list and grid library for React.
Lucide
Beautiful and consistent icons made by the community.
React Icons
Include popular icons in your React projects easily.
Font Awesome
A comprehensive library of icons for use in web projects.
Heroicons
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Feather Icons
Simply beautiful open-source icons.
Bootstrap Icons
Official open-source SVG icon library for Bootstrap.
Ionicons
Premium icons for use in web, iOS, Android, and desktop apps.
Svgl
A beautiful library with SVG logos.
Material Icons
Material design icons by Google.
React Spring
A spring-physics-based animation library for React.
Motion
A modern animation library for JavaScript and React.
Reactbits
An open source React.js snippet library for animated components.
simpleParallax.js
simpleParallax.js is a lightweight and easy-to-use React and JS library that adds parallax animations to any image.
AutoAnimate New
A zero-config animation utility that adds smooth transitions to your React app with a single hook.
Blendy
A framework-agnostic tool that smoothly transitions one element into another with just a few lines of code.
GSAP New
Professional-grade JavaScript animation library with a React integration for high-performance animations.
react-google-maps
React components and hooks for the Google Maps JavaScript API
React Leaflet
A React wrapper for Leaflet, an open-source JavaScript library for mobile-friendly interactive maps.
React Map GL
A React wrapper for Mapbox GL JS.
Google Maps React
A library for embedding Google Maps into React applications.
React PDF
A React renderer for creating PDF files.
React PDF Viewer
A PDF viewer for React applications.
React Dropzone
Simple HTML5 drag-and-drop zone with React.
Uppy
Sleek, modular file uploader for React.
React Spreadsheet
Simple, customizable yet performant spreadsheet for React.
react-uploady
Modern file-upload components & hooks for React.
Jspreadsheet New
Fully customizable JavaScript spreadsheet library, offering various components to enhance web development projects.
Pusher
Provides hosted APIs to build real-time apps with WebSockets.
Socket.IO
Enables real-time, bidirectional and event-based communication.
Remotion
A framework for creating videos programmatically using React.
React Player
A React component for playing a variety of URLs, including YouTube, SoundCloud, and more.
React Sound
A sound component to play audio in your React applications.
React Webcam
A React component for accessing the user's webcam.
React Meta Tags
A library for managing meta tags in React applications.
React Helmet
A reusable React component that manages changes to the document head.
Next SEO
A plugin that makes managing SEO easier in Next.js projects.
Vest
A validations framework inspired by unit testing libraries.
Joi
A powerful schema description language and data validator for JavaScript.
Validator
A library for string validation and sanitization.
Zod
A TypeScript-first schema declaration and validation library.
Yup
A JavaScript schema builder for value parsing and validation.
Superstruct
A simple and composable way to validate data in JavaScript and TypeScript.
Webpack
A static module bundler for modern JavaScript applications.
Vite
A next-generation frontend tooling that focuses on speed and performance.
Parcel
A zero-configuration build tool for the web.
Rollup New
A module bundler for JavaScript that compiles small pieces of code into larger bundles, ideal for libraries.
Turbopack New
An incremental bundler optimized for JavaScript and TypeScript, written in Rust — the successor to Webpack.
esbuild New
An extremely fast JavaScript bundler and minifier, written in Go.
ESLint
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript.
Prettier
An opinionated code formatter that supports many languages and integrates with most editors.
React Developer Tools
Official React DevTools for inspecting React component hierarchy.
Redux DevTools
DevTools for Redux to help debug application state changes.
React Doctor New
AI-powered diagnostic tool that analyzes your React code for performance issues, security problems, and best practices.
Route Auditor New
Scans App Router, Pages Router, and API Routes — detecting missing auth, CSRF gaps, permissive CORS, hardcoded secrets, and more.
React Grab New
Capture React component trees and pass them as context to AI coding agents directly from the browser.
Jest
Delightful JavaScript Testing Framework with a focus on simplicity.
Vitest
A blazing fast unit test framework powered by Vite.
Cypress
Fast, easy and reliable testing for anything that runs in a browser.
React Testing Library
Simple and complete testing utilities that encourage good testing practices
Mock Service Worker New
API mocking library that intercepts requests on the network level for seamless testing and development.
Playwright
End-to-end testing framework for web apps, with support for multiple browsers.
MDX
A format that lets you seamlessly use JSX in your Markdown documents.
Nextra
Simple, powerful and flexible site generation framework with everything you love from Next.js.
Docusaurus
A project for building, deploying, and maintaining open source project websites easily.
Styleguidist
Isolated React component development environment with a living style guide.
Docz
It makes it easy to write and publish beautiful interactive documentation for your code.
Format.JS
Internationalization library for React, part of FormatJS.
i18next
A powerful internationalization framework for JavaScript, including React.
React Scan
Scan for React performance issues and eliminate slow renders in your app.
React Window
A library for rendering large lists and tabular data efficiently.
React Lazy Load
A library that helps you defer loading content in your React application until it becomes visible in the viewport.
React Error Boundary
A React component that catches JavaScript errors anywhere in their child component tree, logs those errors, and displays a fallback UI.
Sentry
A monitoring platform that helps you identify and fix issues in your React applications in real-time.
Loadable Components
A library for code-splitting React components and loading them on demand.
React Loadable
A higher order component for loading components with dynamic imports.
Vercel
A platform for frontend frameworks and static sites, built to integrate with your headless content, commerce, or database.
Netlify
A platform for automating modern web projects, with continuous deployment, serverless functions, and more.
AWS Amplify
A set of tools and services that enables mobile and front-end web developers to build secure, scalable full-stack applications.
Firebase
A comprehensive app development platform that provides hosting for static and dynamic content, as well as backend services.
Axios
A promise-based HTTP client for the browser and Node.js.
Lodash
A modern JavaScript utility library delivering modularity, performance & extras.
date-fns
Modern JavaScript date utility library.
Day.js
Fast 2kB alternative to Moment.js with the same modern API.
Winston
A logger for just about everything.
Immer New
Create the next immutable state by mutating the current one — simplifies complex React state updates.
clsx New
A tiny utility for constructing className strings conditionally in React components.
React Query AI
Combine TanStack Query with AI APIs for seamless data fetching and streaming in React.
OpenAI Node SDK New
Official OpenAI SDK for TypeScript/JavaScript to integrate GPT models into your React applications.
Vercel AI SDK New
The AI Toolkit for TypeScript. Build AI-powered products with React streaming UI and LLM integrations.
LangChain.js New
A framework for developing applications powered by language models in JavaScript and TypeScript.
Anthropic SDK New
Official Anthropic TypeScript SDK for integrating Claude AI into your React applications.
Transformers.js New
State-of-the-art machine learning models running directly in the browser, compatible with React.
Storybook
Build, test, and document UI components in isolation. The industry standard for component-driven development.
Ladle New
A faster, drop-in alternative to Storybook for developing and testing React components.
Chromatic New
Visual testing & review platform that catches UI bugs automatically before they reach production.
React Cosmos New
Sandbox for developing and testing React components in isolation with full context support.
Bit New
A toolchain for component-driven development. Build, version, and reuse components across projects.
Turborepo New
High-performance build system for JavaScript and TypeScript monorepos with smart caching.
Nx New
A powerful open-source build system with first-class React support and smart monorepo tooling.
Lerna New
The original monorepo tool for managing and publishing multiple JavaScript packages from one repo.
Changesets New
A workflow tool for managing versioning and changelogs in monorepos with multiple packages.
PNPM Workspaces New
Native monorepo support in pnpm — fast, disk-efficient package management for multi-package repos.
background-snippets
A collection of modern, background snippets ready-to-use, simply copy and paste into your next project.
React Loader Spinner
Collection sets of a spinners for async operations for ReactJS
ReactTooltip
Awesome React Tooltip component.
React Content Loader
SVG-Powered component to easily create skeleton loadings.
Cmdk
Fast, composable, unstyled command menu for React.
React Compare Image
React component to compare two images using slider.
React Youtube
React.js powered YouTube player component.
Video React
The web video player built from the ground up for an HTML5 world using React library.
React Easy Crop
A React component to crop images with easy interactions.
React Image Crop
A responsive image cropping tool for React.
Interweave
React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.
React Blur
React component for creating blurred backgrounds using canvas.
ui-snippets
A collection of dark mode components and effects crafted with React and Tailwind CSS.
Awesome Loaders
Free & Open source loading animations.
ReactSpinners
Create high-quality, super-responsive and customizable loading animations to insert into your website.
Kbar
Fast, portable, and extensible command+k interface for React.
React Intense
A React component for viewing large images up close.
Advanced Cropper
The react cropper library that embraces power of the advanced cropper core to give the possibility to create croppers that exactly suited for your website design.
Number Flow
An animated number component. Dependency-free. Accessible and customizable.