Awesome React

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
  • React Native General Resources
  • React Native Navigation
  • React Native Awesome Components
  • React Native Libraries
• Contribution

React

React General Resources

• React Official Website
• React GitHub
• Reactiflux Discord Channel
• React Community
• React Conferences
• React CodeSandbox Playground

React Tutorials

• React Official Tutorial
• Using React in Visual Studio Code
• React Interview Questions & Answers
• Design patterns and Component patterns for building powerful Web Apps
• A simple, scalable, and powerful architecture for building production ready React applications
• Cheatsheets for experienced React developers getting started with TypeScript

React Frameworks

• next - The React Framework
• gatsby - Build modern websites with React
• remix - Full-stack web Framework that lets you focus on the user interface
• react-admin - A frontend Framework for building B2B applications
• refine - Build your React-based CRUD applications, without constraints
• vike - The Modular Framework - Next.js & Nuxt alternative

React Component Libraries

• shadcn-ui - Beautifully designed components built using Radix UI and Tailwind CSS
• ant-design - An enterprise-class UI design language and React UI library
• material-ui - Ready-to-use foundational React components
• chakra-ui - Component system for building SaaS products with speed
• react-bits - A collection of animated, interactive & fully customizable React components
• mantine - Fully featured React components library
• react-bootstrap - Bootstrap components built with React
• fluentui - Microsoft's Fluent UI
• framework7 - Full featured HTML framework for building iOS & Android apps
• ariakit - Toolkit for building accessible web apps with React
• react-email - Unstyled components for creating beautiful emails
• 8bitcn-ui - A retro 8-bit themed React component library built on top of shadcn
• headlessui - Completely unstyled, accessible UI components for React
• ruixen-ui - Modern, lightweight React component library with elegant design

React State Management and Data Fetching

• redux - Predictable State Container for JavaScript Apps
• mobx - Simple, scalable state management
• zustand - Bear necessities for state management in React
• tanstack-query - Powerful asynchronous state management
• swr - React Hooks for Data Fetching
• apollo-client - A fully-featured, production ready caching GraphQL client
• relay - A framework for building data-driven React applications
• jotai - Primitive and flexible state management for React
• xstate - State machines and statecharts for the modern web
• effector - Business logic with ease
• immer - Create the next immutable state by mutating the current one
• immutable-js - Immutable persistent data collections for JavaScript
• rxdb - A fast, offline-first, reactive database for JavaScript Applications

React Styling

• styled-components - Visual primitives for the component age
• emotion - CSS-in-JS library designed for high performance style composition
• vanilla-extract - Zero-runtime Stylesheets-in-TypeScript

React Icon Libraries

• react-icons - SVG React icons of popular icon packs
• lucide-react - Beautiful & consistent icon toolkit
• heroicons - Beautiful hand-crafted SVG icons by the makers of Tailwind CSS
• thesvg - A collection of free SVG icons for popular brands and technologies

React Routing

• react-router - Declarative routing for React
• tanstack-router - Type-safe router with built-in caching & URL state management

React Development Tools

• vite - Next Generation Frontend Tooling
• parcel - The zero configuration build tool for the web
• reactotron - A desktop app for inspecting your React and React Native projects
• eslint-plugin-react - React specific linting rules for ESLint
• react-scan - Scan for React performance issues and eliminate slow renders in your app
• why-did-you-render - Monkey patches React to notify you about avoidable re-renders

React Libraries

• ai-sdk - The AI Toolkit for TypeScript and React from the creators of Next.js
• preact - Fast React alternative with the same modern API
• floating-ui - Toolkit to create floating elements
• loadable-components - The recommended Code Splitting library for React
• react-uploady - Modern file-upload components & hooks for React
• downshift - React autocomplete, combobox or select dropdown components
• react-error-boundary - A React error boundary component that lets you catch errors

React Testing

• jest - Delightful JavaScript Testing
• react-testing-library - Simple and complete React DOM testing utilities
• cypress - Fast, easy and reliable testing for anything that runs in a browser
• playwright - A framework for Web Testing and Automation

React Awesome Components

• Awesome React Components
• react-select - The Select Component for React
• react-big-calendar - Calendar component
• react-datepicker - A simple and reusable datepicker component for React
• react-qrcode - QR component for use with React
• react-archer - Draw arrows between React elements
• react-complex-tree - Unopinionated Accessible Tree
• react-insta-stories - A React component for Instagram like stories
• react-hot-toast - Lightweight and customizable toast notifications for React
• swiper - Most modern mobile touch slider
• keen-slider - The Touch slider carousel
• heart-switch - A heart-shaped toggle switch component for React
• kbar - Fast, portable, and extensible cmd+k interface for your site
• tagify - Lightweight, efficient Tags input component
• puck - The visual editor for React
• json-edit-react - Highly configurable JSON/Object tree editor/viewer

React Components Sandboxes

• storybook - Storybook is a frontend workshop for building UI components and pages in isolation
• react-cosmos - Dev tool for creating reusable React components
• bit - A build system for development of composable software

React Forms

• react-hook-form - React Hooks for form state management and validation
• react-jsonschema-form - A React component for building Web forms from JSON Schema
• formily - Alibaba Group Unified Form Solution
• tanstack-form - Headless, performant, and type-safe form state management

React Tables and Grids

• react-grid-layout - A draggable and resizable grid layout with responsive breakpoints
• tanstack-table - Headless UI for building powerful tables