A collection of awesome things regarding the React ecosystem.
- React
- React General Resources
- React Tutorials
- React Frameworks
- React Component Libraries
- React State Management and Data Fetching
- React Styling
- React Icon Libraries
- React Routing
- React Development Tools
- React Libraries
- React Testing
- React Awesome Components
- React Components Sandboxes
- React Forms
- React Tables and Grids
- React Maps
- React Charts
- React Renderers
- React Internationalization
- React Graphics and Animations
- React Integration
- React Real Apps
- React Native
- Contribution
- π React Official Website
252059β51606π΄React GitHub)- π Reactiflux Discord Channel
- π React Community
- π React Conferences
- π React CodeSandbox Playground
- π React Official Tutorial
- π Using React in Visual Studio Code
44912β10390π΄React Interview Questions & Answers)- π Design patterns and Component patterns for building powerful Web Apps
36019β3271π΄A simple, scalable, and powerful architecture for building production ready React applications)47083β4268π΄Cheatsheets for experienced React developers getting started with TypeScript)
143461β33585π΄next) - The React Framework55920β10092π΄gatsby) - Build modern websites with React33440β2797π΄remix) - Full-stack web Framework that lets you focus on the user interface26978β5475π΄react-admin) - A frontend Framework for building B2B applications35970β3264π΄refine) - Build your React-based CRUD applications, without constraints5839β400π΄vike) - The Modular Framework - Next.js & Nuxt alternative
127083β11987π΄shadcn-ui) - Beautifully designed components built using Radix UI and Tailwind CSS100026β54644π΄ant-design) - An enterprise-class UI design language and React UI library99291β32512π΄material-ui) - Ready-to-use foundational React components40709β3650π΄chakra-ui) - Component system for building SaaS products with speed50872β2529π΄react-bits) - A collection of animated, interactive & fully customizable React components31894β2404π΄mantine) - Fully featured React components library22610β3563π΄react-bootstrap) - Bootstrap components built with React20374β2954π΄fluentui) - Microsoft's Fluent UI18773β3186π΄framework7) - Full featured HTML framework for building iOS & Android apps8629β425π΄ariakit) - Toolkit for building accessible web apps with React19901β1108π΄react-email) - Unstyled components for creating beautiful emails2061β119π΄8bitcn-ui) - A retro 8-bit themed React component library built on top of shadcn28804β1212π΄headlessui) - Completely unstyled, accessible UI components for React211β19π΄ruixen-ui) - Modern, lightweight React component library with elegant design511β162π΄billingsdk) - Type-safe billing and subscription components built with TypeScript, Tailwind CSS and shadcn/ui
61437β15096π΄redux) - Predictable State Container for JavaScript Apps28220β1809π΄mobx) - Simple, scalable state management58888β2188π΄zustand) - Bear necessities for state management in React50506β4227π΄tanstack-query) - Powerful asynchronous state management32491β1400π΄swr) - React Hooks for Data Fetching19784β2810π΄apollo-client) - A fully-featured, production ready caching GraphQL client18969β1891π΄relay) - A framework for building data-driven React applications21305β731π΄jotai) - Primitive and flexible state management for React30386β1410π΄xstate) - State machines and statecharts for the modern web4854β281π΄effector) - Business logic with ease29000β904π΄immer) - Create the next immutable state by mutating the current one33023β1866π΄immutable-js) - Immutable persistent data collections for JavaScript23423β1183π΄rxdb) - A fast, offline-first, reactive database for JavaScript Applications
41058β2609π΄styled-components) - Visual primitives for the component age18025β1138π΄emotion) - CSS-in-JS library designed for high performance style composition10445β362π΄vanilla-extract) - Zero-runtime Stylesheets-in-TypeScript
12691β809π΄react-icons) - SVG React icons of popular icon packs25434β1666π΄lucide-react) - Beautiful & consistent icon toolkit23894β1313π΄heroicons) - Beautiful hand-crafted SVG icons by the makers of Tailwind CSS2931β242π΄thesvg) - A collection of free SVG icons for popular brands and technologies
56627β10956π΄react-router) - Declarative routing for React155β4π΄speedy-router) - TanStack Router API rebuilt for faster navigations and SSR15269β1914π΄tanstack-router) - Type-safe router with built-in caching & URL state management
83648β9037π΄vite) - Next Generation Frontend Tooling44010β2407π΄parcel) - The zero configuration build tool for the web15595β968π΄reactotron) - A desktop app for inspecting your React and React Native projects9291β2727π΄eslint-plugin-react) - React specific linting rules for ESLint21880β391π΄react-scan) - Scan for React performance issues and eliminate slow renders in your app12531β225π΄why-did-you-render) - Monkey patches React to notify you about avoidable re-renders
27662β5492π΄ai-sdk) - The AI Toolkit for TypeScript and React from the creators of Next.js38969β3198π΄preact) - Fast React alternative with the same modern API32788β1727π΄floating-ui) - Toolkit to create floating elements7794β386π΄loadable-components) - The recommended Code Splitting library for React1252β48π΄react-uploady) - Modern file-upload components & hooks for React12303β933π΄downshift) - React autocomplete, combobox or select dropdown components7996β231π΄react-error-boundary) - A React error boundary component that lets you catch errors1067β144π΄reactuse) - Collection of 110+ tree-shakable, SSR-safe, TypeScript-first React Hooks
45467β6715π΄jest) - Delightful JavaScript Testing19675β1172π΄react-testing-library) - Simple and complete React DOM testing utilities51020β3592π΄cypress) - Fast, easy and reliable testing for anything that runs in a browser99006β6765π΄playwright) - A framework for Web Testing and Automation
48778β3870π΄Awesome React Components)28014β4095π΄react-select) - The Select Component for React8762β2299π΄react-big-calendar) - Calendar component?β?π΄react-datepicker) - A simple and reusable datepicker component for React4296β340π΄react-qrcode) - QR component for use with React1344β76π΄react-archer) - Draw arrows between React elements1383β100π΄react-complex-tree) - Unopinionated Accessible Tree1487β256π΄react-insta-stories) - A React component for Instagram like stories10991β376π΄react-hot-toast) - Lightweight and customizable toast notifications for React41914β9572π΄swiper) - Most modern mobile touch slider5018β218π΄keen-slider) - The Touch slider carousel449β15π΄heart-switch) - A heart-shaped toggle switch component for React5261β204π΄kbar) - Fast, portable, and extensible cmd+k interface for your site3895β447π΄tagify) - Lightweight, efficient Tags input component13575β1019π΄puck) - The visual editor for React655β39π΄json-edit-react) - Highly configurable JSON/Object tree editor/viewer
91420β10494π΄storybook) - Storybook is a frontend workshop for building UI components and pages in isolation8693β383π΄react-cosmos) - Dev tool for creating reusable React components18500β962π΄bit) - A build system for development of composable software
44896β2511π΄react-hook-form) - React Hooks for form state management and validation15927β2349π΄react-jsonschema-form) - A React component for building Web forms from JSON Schema12589β1598π΄formily) - Alibaba Group Unified Form Solution6759β707π΄tanstack-form) - Headless, performant, and type-safe form state management1216β40π΄formisch) - The schema-based, headless form library for React
22481β2697π΄react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints28537β3588π΄tanstack-table) - Headless UI for building powerful tables & datagrids7693β2205π΄react-data-grid) - Feature-rich and customizable data grid React component
8515β1348π΄react-map-gl) - React friendly API wrapper around MapboxGL JS5606β897π΄react-leaflet) - React components for Leaflet maps
27677β2026π΄recharts) - Redefined chart library built with React and D321092β775π΄visx) - Visualization components11244β535π΄victory) - A collection of composable React components for building interactive data visualizations8787β833π΄react-vis) - Data Visualization Components14130β1076π΄nivo) - Provides a rich set of data visualization components built on top of the D3 and React libraries38857β2559π΄xyflow) - A customizable React component for building node-based editors and interactive diagrams
33405β2059π΄react-three-fiber) - A React renderer for Three.js40205β1063π΄ink) - React for interactive command-line apps69526β5708π΄remotion) - Make videos programmatically with React16849β1347π΄react-pdf) - Create PDF files using React2692β134π΄react-figma) - A React renderer for Figma2394β213π΄markdown-to-jsx) - A very fast and versatile markdown toolchain3048β189π΄markstream) - Streaming Markdown renderer for React and AI chat interfaces
14753β1386π΄formatjs) - Internationalize your web apps10062β1051π΄react-i18next) - Internationalization for React done right862β128π΄react-intlayer) - Internationalization focused on maintainability for React
29258β1230π΄react-spring) - A spring physics based React animation library34744β1490π΄framer-motion) - Open source, production-ready animation and gesture library for React13950β268π΄auto-animate) - A zero-config, drop-in animation utility that adds smooth transitions9066β954π΄react-tsparticles) - Easily create highly customizable particles effects1084β124π΄react-parallax-tilt) - Easily apply tilt hover effect on React components2160β147π΄simple-parallax-js) - The easiest way to get a parallax effect with React and JavaScript
7473β485π΄rescript-compiler) - A robustly typed language that compiles to efficient and human-readable JavaScript1614β149π΄fulcro) - A library for development of web applications in clj/cljs
134951β15946π΄excalidraw) - An open source virtual hand-drawn style whiteboard.39493β9081π΄mattermost-server) - An open source platform for secure collaboration21353β8640π΄kibana) - Your window into the Elastic Stack11328β809π΄webamp) - Winamp 2 reimplemented for the browser7275β1703π΄overreacted) - Personal blog by Dan Abramov22633β1182π΄wave) - An open-source, cross-platform terminal for seamless workflows25802β1794π΄readest) - A minimalistic, feature-rich and cross-platform eBook reader641β281π΄bookcars) - Car rental platform2269β241π΄notifuse) - Modern self-hosted emailing platform to send newsletters & transactional emails2218β145π΄cate) - An open source IDE on an infinite zoomable canvas, with editor, terminal, and browser panels
- π React Native Official Website
126846β25488π΄React Native GitHub)- π React Native Community
- π Expo
24519β5142π΄react-navigation) - Routing and navigation for your React Native apps
17924β2099π΄react-native-vector-icons) - Customizable Icons for React Native14446β3573π΄react-native-gifted-chat) - The most complete chat UI for React Native
6004β613π΄realm-js) - A mobile database: an alternative to SQLite & key-value stores6685β1457π΄react-native-device-info) - Device Information for React Native iOS and Android16014β4961π΄react-native-maps) - React Native Mapview component700β98π΄xprem) - Self-hosted OTA updates for Expo and React Native apps
This list began as a personal compilation of interesting things related to React. When it was initiated, React was still in beta, a special script was required to convert JSX to JS, and Flux (if you know what it was) had not yet been released. Today, React has become boring mainstream. Kindly refrain from using this list as an advertisement board or a space to promote your experiments. We focus on sharing entirely free resources here. Please feel free to propose updates for outdated projects and articles, as well as new contributions. I would prefer GitHub links, please. Your input and suggestions are wholeheartedlyβ‘ appreciated. (βΏβ βΏβ )
75121β 7695π΄ enaqx/awesome-react)
