Your first time on this page? Allow me to give some explanations.
Awesome React
A collection of awesome things regarding React ecosystem
Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.
Thank you enaqx & contributors
View Topic on GitHub:
enaqx/awesome-react
Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.
Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.
React General Resources
A declarative, efficient, and flexible JavaScript library for building user interfaces.
React Community
React Online Playgrounds
React General Tutorials
React Hooks
Awesome React Hooks
React and TypeScript
Cheatsheets for experienced React developers getting started with TypeScript
React Performance
React Internals
A description of React's new core algorithm, React Fiber
Entire React code base explanation by visual block schemes (Stack version)
React Interview Questions
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
React Development Tools
An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.
Tweak React components in real time. (Deprecated: use Fast Refresh instead.)
A higher order component for loading components with promises.
The recommended Code Splitting library for React โ๏ธโจ
A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.
๐ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
โ It has never been so easy to document your things!
Isolated React component development environment with a living style guide
Dev environment for building scalable, high-quality user interfaces
React specific linting rules for ESLint
Static AST checker for a11y rules on JSX elements.
๐ DataFormsJS ๐ A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
why-did-you-render monkey patches React to notify you about avoidable re-renders.
React Starter Kits and Toolchains
Set up a modern web app by running one command.
React Starter Kit โ isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)
โกCLI for creating reusable react libraries.
React Frameworks
The React Framework
Build blazing fast, modern apps and websites with React
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
The React Framework in Deno.
React Styling
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐
๐ฉโ๐ค CSS-in-JS library designed for high performance style composition
A toolchain for React component styling.
JSS is an authoring tool for CSS which uses JavaScript as a host language.
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
React Routing
Declarative routing for React
๐งญ Declarative, asynchronous routing for React.
A JavaScript router for single-page applications
A simple middleware-style router for isomorphic JavaScript web apps
๐ฅข A minimalist-friendly ~1.3KB routing for React and Preact. Nothing else but HOOKS.
React Component Libraries
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
๐ A UI Design Language and React UI library
A React-based UI toolkit for the web
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Bootstrap components built with React
Simple React Bootstrap 4 components
The official Semantic-UI-React integration
๐ฒ Evergreen React UI Framework by Segment
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
โก๏ธ Simple, Modular & Accessible UI Components for your React Applications
React primitive UI components built with styled-system.
Font Awesome 5 React component
Toolkit for building accessible rich web apps with React
๐งฑ A suite of React components .
A React Component library implementing the Base design language
The Most Complete React UI Component Library
React components for Bulma framework
React.js components for Modern CSS framework based on Flexbox
๐ rbx โ The Comprehensive Bulma UI Framework for React
Super Saiyan React components, son of awesome Bulma, implemented in TypeScript
React utility component primitives & UI framework for use with Tailwind CSS
Clean UI based on tailwindcss
Modern and minimalist React UI library.
Elastic UI Framework ๐
A collection of JetBrains Web UI components
The UI design language and React library for Conversational UI
Atlassian's official UI library, built according to the Atlassian Design Guidelines.
React Awesome Components
Curated List of React Components & Libraries.
The Select Component for React.js
Beautiful and accessible drag and drop for lists with React
Drag and Drop for React
A draggable and resizable grid layout with responsive breakpoints, for React.
โ๏ธ Hooks for building fast and extendable tables and datagrids for React
Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like
React draggable component
๐ฑ A resizable and draggable component for React.
A simple React component that is resizable with a handle.
๐ A resizable component for React.
The coolest searchbox for React.js!
A sortable and resizable pane component for React.
React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
An easily internationalizable, mobile-friendly datepicker library for the web
gcal/outlook like calendar component
A simple and reusable datepicker component for React
A versatile infinite scroll React component.
The monorepo home to all of the FormatJS related libraries, most notably react-intl.
Internationalization for react done right. Using the i18next i18n ecosystem.
A fully accessible React modal built according WAI-ARIA Authoring Practices
Declarative hotkey and focus area management for React
Lightweight keydown wrapper for React components
Create guided tours in your apps
React components for efficiently rendering large lists and tabular data
React components for efficiently rendering large lists and tabular data
Input mask for React, Angular, Ember, Vue, & plain JavaScript
Create skeleton screens that automatically adapt to your app!
A collection of loading indicators animated with CSS for React
Rheostat is a www, mobile, and accessible slider component built with React
A <QRCode/> component for use with React.
๐น Draw arrows between React elements ๐
A React component to view a PDF document
๐ Easily apply tilt hover effect on React components - lightweight/zero dependencies
๐ฟโOfficial React library to use Popper, the positioning library
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
Accessible Accordion component for React
โ๏ธ React component for truncating JSX markup
Load and save cookies within your React application
React carousel component
React Google Tag Manager
Detect device, and render view according to detected device type.
๐จ A tiny (2,5 KB) color picker component for React and Preact apps
Spring-physics based animation library for React applications.
React for Command Line
๐ React for interactive command-line apps
A react renderer for blessed.
React Testing
Delightful JavaScript Testing.
JavaScript Testing utilities for React
๐ Simple and complete React DOM testing utilities that encourage good testing practices.
๐ Simple and complete React hooks testing utilities that encourage good testing practices.
โก Zero config GUI for Jest
React Libraries
A wrapper for placing elements along div borders.
Automatically AJAXify plain HTML with the power of React. It's magic!
A set of React components implementing Google's Material Design specification with the power of CSS Modules
Alternative syntax for PropTypes
CSS media queries in react - for responsive design, and more.
Immutable state for React.js
Mobile App Framework powered by React
Centrally manage state for React applications with CSP
Simple and elegant component-based UI library
Maple.js is a React webcomponents based framework mixing ES6 with Custom Elements, HTML Imports and Shadow DOM. It has in-built support for SASS and JSX, including a Gulp task for vulcanizing your project.
A performant, scalable and pluggable approach to instrumenting your React application.
svg react icons of popular icon packs
A Free Set of Sketchy Illustrations provided by opendoodles
Plain functions for a more functional Deku approach to creating stateless React components, with functional goodies such as compose, memoize, etc... for free.
Build, distribute, and collaborate on components.
React, React Native and Vue UI components for building data-driven apps with Elasticsearch
A completely customizable framework for building rich text editors. (Currently in beta.)
Configure and build views using JSON schemas mapped to React components
Compose multiple setState or getDerivedStateFromProps updaters in React
โ๏ธ ๐ง Lodash as React components
A document head manager for React
ClearX is an alternative way to Redux and MobX to maintain the application state and provides a simple interface to bind it to UI components.
๐ป Zero-configuration framework-agnostic static prerendering for SPAs
A React framework for building text editors.
Harness the power of reactive programming to supercharge your components
React UI Components for macOS High Sierra and Windows 10
A simple and customizable React notifications system
Useful components and utilities for working with React
โก๏ธ Lightning-fast search for React and React Native applications, by Algolia.
The next open source file uploader for web browsers
A spring that solves your animation problems.
React ESI: Blazing-fast Server-Side Rendering for React and Next.js
The simple but very powerful and incredibly fast state management for React that is based on hooks
Universal Model for React
Modern file uploading - components & hooks for React
React Integration
Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.
.NET library for JSX compilation and server-side rendering of React components
ClojureScript interface to Facebook's React
A minimalistic ClojureScript interface to React.js
This is an Express view engine which renders React components on server. It renders static markup and does not support mounting those views on the client.
Connect/Express middleware to use React to generate whole websites
Use React Components in Angular
DEPRECATED โย Provides React JSX support for Coffeescript
DEPRECATED โย Sprockets preprocessor for CJSX (Coffeescript with React JSX markup)
react-kup is a simple, nonintrusive alternative to JSX for coffeescript
A JavaScript library that transitions between static HTML pages on navigation; no app server required.
A little module for using React with Bacon.js
JSX for Mithril.js 0.x
React Backbone Binding that works with React 16
A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server
backbone-aware mixins for react and a whole lot more
BackboneJS compatibility layer for React-MVx MVVM framework.
react-backbone + more beefy react and backbone enhancements
Plugin for React to make Backbone migration easier
React extensions for Backbone
React components for use with backbone and backbone paginator
Declarative managed event bindings for react components
React mixin registration manager which allows mixins to have dependencies
A GSAP plugin for tweening React.js component state.
Topcoat components built with the React library
A collection of React components for Topcoat.
Markdown based live document format
DEPRECATED, see
Compile Jade templates to React.DOM expressions
Compile Jade templates into React de-sugared JSX with Gulp
React SBT Plugin using npm
Facebook's React on Scala.JS
Using React to implement xtags
react.js on server-side java (with rhino or nashorn)
React 0% JSX, 100% hiccup
Render React components in the Play Framework with JDK8's JavaScript engine
ReactJS bindings for RxJS
A hacked prototype of React.js with DI ;-)
Hooks, Context Providers, and Components that make it easy to interact with Firebase.
Firebase + Redux for ReactJS
Easily click and drag a react component
The most powerful headless CMS for Node.js โ built with GraphQL and React
A React.js mixin for using @desandro's Masonry
A React mixin for using Metafizzy Packery
Simple HTML5 drag-drop zone with React.js.
Building Blocks for the VR Web
๐จ๐ญ A React renderer for Three.js (web and react-native)
React bindings to create and control a 3D scene using three.js
Render into a three.js canvas using React.
WIP: Simplest bindings between React & Three.js
React Masonry layout component powered by CSS, dependancy free
A react.js reCAPTCHA for Google
Google reCAPTCHA v2 for React
โ A reCAPTCHA bridge for React that works.
Official CKEditor 4 React component.
Official CKEditor 5 React component.
React State Management
Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
State machines and statecharts for the modern web.
React AR and VR
Create amazing 360 and VR content using React
Platform for rapidly building AR/VR applications using React Native
React Renderers
๐ React for interactive command-line apps
render React components to Sketch โ๏ธ๐
โ๏ธ A React renderer for Figma
๐จ๐ญ A React renderer for Three.js (web and react-native)
Create amazing 360 and VR content using React
โ A react null renderer
๐ Create PDF files using React
A React renderer for Hardware.
๐ฅ Create videos programmatically in React
Forms
Sophisticated HTML form management for React
Forms library for React.
Callback-free React forms with painless validation.
A dynamic form library for Facebook React, providing abstractions for building dynamic forms and controlled grids. Widgets provided by Telerik's KendoUI.
Isomorphic form-handling for React
A form generator for Reactjs "Alpachajs for React" Open the inspector on the demo page:
A Form Builder for React.js (deprecated)
A dynamic form component for react using JSON-Schema.
Forms library for react
A form input builder and validator for React JS
Generate complex, validated and extendable JSON-based forms in React.
Create Redux-Forms dynamically out of metadata
A React library for building forms from any schema.
Build forms in React, without the tears ๐ญ
React form state management and validation
A React component for building Web forms from JSON Schema.
List View Select is a designed to behave like a traditional <select>
element in traditional HTML but with native components.
๐ High performance subscription-based form state management for React
A simple, super-flexible, extensible config based form generator for React.
Angular like reactive forms in React.
Performance-focused API for React forms ๐
๐ React Hooks for forms validation (Web + React Native)
Autocomplete
WAI-ARIA compliant React autocomplete (combobox) component
WAI-ARIA compliant React autosuggest component
Just tasting some ReactJS + RxJS
Autocomplete widget based on Facebook React
โก๏ธ Mobile-friendly React autocomplete component
๐ A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
React typeahead with Bootstrap styling
Graphics
React Bridge to the ART Drawing Library
High performance <canvas> rendering for React components
React bridge to Famo.us
HTML5 Canvas via KineticJS using React.
morph your svg component one into another other
A hooks to svg drawing.
A React component that adds pan and zoom features to SVG
Data Managing
Immutable persistent data collections for Javascript which increase efficiency and simplicity.
An immutable data store for managing deeply nested structure with React
A model abstraction library
Highly Composable MVVM Framework for React
Morearty.js - centralized state management for React in pure JavaScript
Async rendering & data-fetching for universal React applications.
A tree data structure that emits events on updates, even if the modification is triggered by one of the leaves, making it easier to think in a reactive way.
JavaScript & TypeScript persistent and optionally immutable data tree with cursors.
React integration for Baobab.
Immutable data structures with history for top-to-bottom properties in component based libraries like React. Based on Immutable.js
Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects.
Wrapper classes around Immutable.js that turn it inheritable
A tiny and unobtrusive state management library for React and Preact apps
A light-weight type-safe Elm-like alternative for Redux ecosystem, inspired by hyperapp and Elmish
A library for writing React components that automatically manage subscriptions to data sources simply by accessing them
๐ Reactive & asynchronous database for powerful React and React Native apps โก๏ธ
๐ A realtime Database for JavaScript Applications
The state manager โ๏ธ
React, but with built-in global state management.
Create the next immutable state by mutating the current one
Maps
A declarative React interface to Google Maps
React.js Google Maps integration component
A Google Maps component for React.js
React friendly API wrapper around MapboxGL JS
Google map library for react that allows rendering components as markers
A React binding of mapbox-gl-js
Companion code to the "How to Write a Google Maps React Component" Tutorial
A set of geo related modules to use in combination with React, Ant Design and OpenLayers.
ReactJS Maps without external dependencies
Charts
common react charting components using chart.js
Highly customizable stock charts with ReactJS and d3
A collection of composable React components for building interactive data visualizations
Redefined chart library built with React and D3
๐ React Component for ApexCharts
๐ Data visualization library for React based on D3
Data Visualization Components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
๐ฏ visx | visualization components
โณ๏ธ Apache ECharts components for React wrapper. ไธไธช็ฎๅ็ Apache echarts ็ React ๅฐ่ฃ ใ
๐ ๐ ๐ React.js plugin for building charts using CSS
A data visualization framework combining React & D3
React SDK for Muze charting Library
๐ธ Node-based Visualizations for React
React Native General Resources
A framework for building native apps with React.
Awesome React Native components, news, tools, and learning material!
Run React Native apps in your browser via real time simulator
React Native Tutorials
React Native Development Tools
React Native module for CodePush
React Native Sample Apps
Hacker News iOS and Android App - Made with React Native.