lusinga/awesome-react-components

Catalog of React Components & Libraries

Absolutely Awesome React Components & Libraries

This is NOT a comprehensive listing of every React component. No, it's a list of AWESOME components. What does "awesome" mean? Well, it means something that solves a real problem in a unique, beautiful, or exceptional way. And it has recent code commits!

Look for a 🚀 for truly exceptional projects.

Contributing

Please review our contributing guidelines.

Table of Contents

• UI Components
  • Table / Data Grid
  • Infinite Scroll
  • Overlay
  • Notification
  • Tooltip
  • Menu
  • Sticky
  • Tabs
  • Loader
  • Carousel
  • Collapse
  • Chart
  • Tree
  • UI Navigation
  • Custom Scrollbar
  • Audio / Video
  • Map
  • Time / Date / Age
  • Photo / Image
  • Icons
  • Paginator
  • Markdown Viewer
  • Miscellaneous
  • Form Components
    • Date / Time picker
    • Input Types
    • Autocomplete
    • Select
    • Color Picker
    • Toggle
    • Slider
    • Radio Button
    • Type Select
    • Autosize Input / Textarea
    • Star Rating
    • Drag and Drop
    • Sortable List
    • Rich Text Editor
    • Markdown Editor
    • Image Editing
    • Form Component Collections
    • Miscellaneous
• UI Layout
• UI Animation
  • Parallax
• UI Frameworks
  • Responsive
    • Material Design
  • Mobile
  • Component Collections
  • Other
• UI Utilities
  • Reporter
    • Visibility Reporter
    • Measurement Reporter
  • Device Input
    • Keyboard Events
    • Scroll Events
    • Touch Swipe
    • Mouse Events
  • Meta Tags
  • Portal
  • Test User Behavior
• Code Design
  • Data Store
  • Form Logic
  • Router
  • Props from server
  • Communication with server
  • CSS / Style
  • HTML Template
  • Isomorphic Apps
  • Boilerplate
  • Miscellaneous
• Utilities
  • i18n
  • Framework bindings / integrations
  • Integrations with Third Party Services
• Performance
  • UI
    • Inspect
    • Lazy Load
  • App Size
• Dev Tools
  • Test
  • Redux
  • Inspect
  • Miscellaneous
• Miscellaneous
  • Static Website Generator

UI Components

Table / Data Grid

• ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
• autoresponsive-react - Auto Responsive Layout Library For React.
• essential js 2 grid - The fastest and flexible data grid for react.
• gigatables-react - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.
• griddle-react - Simple Grid Component written in React.
• react-data-components - React components for sorting, filtering and pagination of data.
• react-data-grid - Excel-like grid.
• react-pivot - Data-grid component with pivot-table-like for data display, filtering, and exploration.
• reactable - Fast, flexible, and simple data tables in React.
• reactabular - Spectacular tables for React.
• sematable - Client side sorting, pagination, and text filter for redux/react based apps.

Infinite Scroll

• react-infinite - A browser-ready efficient scrolling container based on UITableView.
• react-lazyload - Lazyload your Component, Image or anything matters the performance.
• react-list - A versatile infinite scroll React component.
• react-virtualized - React components for efficiently rendering large lists and tabular data.

Overlay

Display overlay / modal / alert / dialog / lightbox / popup

• boron - A collection of dialog animations with React.js.
• react-aria-modal - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices.
• react-dock - Resizable dockable react component.
• react-modal - Accessible modal dialog component for React.
• react-skylight - A react component for modals and dialogs.

Notification

Toaster / snackbar — Notify the user with a modeless temporary little popup

• cogo-toast - demo/docs - Plug and play, toast messages, with promise support and inbuilt styling, ~3.5K. (No refs / provider needed 😊)
• react-notifications-component - demo - highly configurable notifications. (Uses refs 🙁)
• react-notification-system - A complete and totally customizable component for notifications in React. (Uses refs 🙁)
• react-notification - Snackbar notifications for React.
• 🚀 react-toastify - demo - best bet out there at the moment. Hooks support. No refs.
• react-toast-notifications - demo - pleasing toast system. (But no hooks yet.)
• reapop - A React & Redux notifications system.

Tooltip

• rc-tooltip - React Tooltip.
• react-portal-tooltip - Awesome React tooltips.
• react-tooltip - React tooltip component.

Menu

Menus / sidebars

• rc-menu - React Menu.
• react-burger-menu - An off-canvas sidebar with effects and styles.
• react-contextmenu - Context Menu implemented in React.
• react-metismenu - A ready-to-use menu component for React.
• react-offcanvas - Off-canvas menus for React.
• react-sidebar - A sidebar component for React.

Sticky

Fixed headers / scroll-up headers / sticky elements

• react-headroom - Hide your header until you need it.
• react-listview-sticky-header - React listview with sticky section header.
• react-sticky - <Sticky /> component for awesome React apps.
• react-stickynode - A performant and comprehensive React sticky.

Tabs

• react-tabs - React tabs component.
• react-tabtab - React, tabs.

Loader

Loaders / spinners / progress bars — Let the user know that something is loading

• halogen - A collection of loading spinners with React.js.
• rc-progress - React Progress Bar.
• react-block-ui - Easy way to block the user from interacting with your UI.
• react-ladda - React wrapper for Ladda buttons.
• react-loader - React component that displays a spinner via spin.js until your component is loaded.
• react-loaders - Lightweight wrapper around Loaders.css.
• react-md-spinner - Material Design spinner components for React.js.
• react-progress-button - Simple react.js component for an inline progress indicator.
• react-progress-label - Progress label component.
• react-redux-loading-bar - Simple Loading Bar for Redux and React.
• react-spinkit - A collection of loading indicators animated with CSS for React.

Carousel

• react-id-swiper - A library to use idangerous Swiper as a ReactJs component
• react-responsive-carousel - React.js Responsive Carousel (with Swipe).
• react-slick - React carousel component.

Collapse

• react-accessible-accordion - Accessible Accordion component for React.
• react-collapse - Component-wrapper for collapse animation with react-motion.

Chart

Display data in charts / graphs / diagrams

• chartify - React.js plugin for building animated draggable and customizable charts.
• essential js 2 charts - Beautiful and interactive charts & graphs for react.
• react-chartist - React component for Chartist.js.
• react-chartjs - Common react charting components using chart.js.
• react-d3-components - D3 Components for React.
• react-dazzle - Dashboards made easy in React JS.
• react-google-charts - React-google-charts React component.
• react-highcharts - React-highcharts.
• react-micro-bar-chart - React component for micro bar-charts rendered with D3.
• react-sigmajs - Lightweight but powerful library for drawing network graphs built on top of SigmaJS.
• react-sparkline - React component for rendering simple sparklines.
• react-sparklines - Beautiful and expressive Sparklines React component.
• react-timeseries-charts - Declarative timeseries charts.
• react-trend - Simple, elegant spark lines.
• react-vis - Data visualization library based on React and d3.
• recharts - Redefined chart library built with React and D3.
• rumble-charts - React components for building composable and flexible charts.
• victory - Data viz for React.
• reaviz - ReactJS Data Visualization Library based on D3.js

Tree

Display a tree data structure

• react-treebeard - React Tree View Component. Data-Driven, Fast, Efficient and Customisable.
• react-treeview - Easy, light, flexible tree view made with React.
• react-ui-tree - React tree component.

UI Navigation

Ways to navigate views

• react-scroll - React scroll component.
• react-swipeable-views - A React Component for binded Tabs and Swipeable Views.

Custom Scrollbar

• react-custom-scroll - Easily customize the browser scroll bar with native OS scroll behavior.
• react-custom-scrollbars - React scrollbars component.
• react-gemini-scrollbar - React component for custom overlay-scrollbars with native scrolling mechanism.
• react-scrollbar - Scrollbar component for React.

Audio / Video

• react-dailymotion - Dailymotion player component for React.
• react-music - Make beats with React.
• react-player - A react component for playing a variety of URLs, including YouTube.
• react-soundplayer - Create custom SoundCloud players with React.
• react-video - React component to load video from Vimeo or Youtube across any device.
• react-youtube - React.js powered YouTube player component.
• video-react - A web video player built for the HTML5 world using React library.

Map

• google-map-react - Universal google map react component, allows render react components on the google map.
• react-geosuggest - A React autosuggest for the Google Maps Places API.
• react-gmaps - A Google Maps component for React.js.
• react-leaflet - React components for Leaflet maps.
• react-map-gl - A React wrapper for MapboxGL-js and overlay API.
• react-mapbox-gl - A React binding of mapbox-gl-js.

Time / Date / Age

Display time / date / age

• react-time - Component for React to render relative and/or formatted dates into <time> HTML5 element.
• react-timeago - A simple time-ago component for ReactJs.
• timeago-react - Format date with *** time ago statement. eg: '3 hours ago'.

Photo / Image

Display images / photos

• react-compare-image - demo - React component to compare two images using a slider.
• react-image-gallery - Responsive image gallery, carousel, image slider react component.
• react-image-lightbox - React lightbox component.
• react-images - A simple lightbox component for displaying an array of images.
• react-intense - A React component for viewing large images up close.
• react-photo-gallery - Responsive React Photo Gallery.
• react-svg-pan-zoom - A React component that adds pan and zoom features to SVG.

Icons

Display icons / icon set / emojis

• react-emoji-react - A clone of slack emoji reactions in react.
• react-emoji - An emoji mixin for React.
• react-icons - Svg react icons of popular icon packs using ES6 imports.

Paginator

Display a control element to paginate

• react-paginate - A ReactJS component that creates a pagination.

Markdown Viewer

Display parsed markdow source

• react-markdown - Render Markdown as React components.

Miscellaneous

• material-color-hash - Hash strings to Material UI colors.
• react-autolink - An autolink mixin for React.
• react-avatar - Universal React avatar component makes it possible to generate avatars based on user information.
• react-avatar-generator - Allows users to create random kaleidoscopes to be used as avatars.
• react-color-scroll - Change and blend new colors on the background as you scroll.
• react-blur - React component for blurred backgrounds.
• react-dnr - Dragable and Resizable window build with React.js.
• react-facebook - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post.
• react-file-reader-input - File input component for control for file reading styling and abstraction.
• react-filter-control - The React filterbuilder component for building the filter criteria in the UI.
• react-joyride - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.
• react-json-tree - React JSON Viewer Component, Extracted from redux-devtools.
• react-resizable-and-movable - Resizable and movable component for React.
• react-resizable-box - Resizable component for React. #reactjs.
• react-split-pane - React split-pane component.
• react-svg-buttons - Configurable animated SVG buttons for react.
• typography - A powerful toolkit for building websites with beautiful typography.

Form Components

Let the user enter data

Date / Time picker

Date picker / time picker / datetime picker / date range picker

• input-moment - React datetime picker powered by momentjs.
• rc-calendar - React Calendar.
• react-big-calendar - Gcal/outlook like calendar component.
• react-calendar - A modular toolkit to build calendar-related things in React.
• react-date-range - A React component for choosing dates and date ranges.
• react-date-select - A React Date Select / Picker Input Component.
• react-datepicker - A simple and reusable datepicker component for React.
• react-daterange-picker - A React based date range picker.
• react-dates - An easily internationalizable, mobile-friendly datepicker library for the web.
• react-datetime - A lightweight but complete datetime picker react component.
• react-day-picker - Flexible date picker for React.
• react-flatpickr - Flatpickr for React.
• react-infinite-calendar - Infinite scrolling date-picker, with localization, themes, and more.
• react-simple-timefield - demo - Simple time input field.
• react-yearly-calendar - React.js Yearly Calendar Component.

Input Types

Masked inputs, specialized inputs; email / telephone number / credit card / etc.

• react-credit-cards - Beautiful credit cards for your payment forms.
• react-input-mask - Yet another react component for input masking.
• react-maskedinput - Masked <input/> React component.
• react-text-mask - Input mask for React, Angular, and vanilla JavaScript. Flexible, robust & tiny.

Autocomplete

Autosuggest / autocomplete / typeahead

• react-autosuggest - WAI-ARIA compliant React autosuggest component.
• react-typeahead-component - Typeahead, written using the React.js library.
• react-typeahead - Pure react-based typeahead and typeahead-tokenizer.

Select

• react-aria-menubutton - A fully accessible, easily themeable, React-powered menu button.
• react-select-box - An accessible select box component for React.
• react-select - A Select control built with and for React JS.
• react-selectize - A Stateless & Flexible Select component for React inspired by Selectize.

Color Picker

• coloreact - A tiny Color Picker for React.
• react-color - Color Pickers from Sketch, Photoshop, Chrome & more.
• react-input-color - React input color component with hsv color picker.

Toggle

• react-ios-switch - React switch component.
• react-toggle - An elegant, accessible toggle component for React. Also a glorified checkbox.

Slider

• rc-slider - React Slider.
• react-slider - Slider component for React.

Radio Button

• react-radio-group - Better radio buttons.

Type Select

Let the user select something (e.g. a tag) while typing

• react-autocomplete-input - Autocomplete input field for React.
• react-mentions - Mention people in a textarea.
• react-tag-input - A fantastically simple tagging component for your React projects.
• react-tagsinput - A simple react component for inputing tags.
• react-tokeninput - Tokeninput component for React.

Autosize Input / Textarea

• react-input-autosize - Auto-resizing input field for React.
• react-textarea-autosize - <textarea /> component for React which grows with content.

Star Rating

• react-star-rating-input - React.js component for entering 0-5 (or more) stars.
• react-star-rating - A simple star rating component built with React.

Drag and Drop

• react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
• react-dnd-touch-backend - Touch Backend for react-dnd.
• react-dnd - Drag and Drop for React.
• react-draggable - React draggable component.
• react-dragula - Drag and drop so simple it hurts.
• react-droparea - Drag and Drop library for React.
• react-dropzone - Simple HTML5 drag-drop zone with React.js.
• react-sortable-pane - Sortable and resizable pane component for React.

Sortable List

Let the user define an order on a list

• react-anything-sortable - Sort any children with touch support and IE8 compatibility.
• react-sortable-hoc - Higher-order components to turn any list into an animated, touch-friendly, sortable list.
• react-sortable - A sortable list component built with React.
• sortablejs - A JavaScript library for reorderable drag-and-drop lists.

Rich Text Editor

• alloyeditor - WYSIWYG editor based on CKEditor with completely rewritten UI.
• draft-js - A React framework for building text editors.
• megadraft - Rich Text editor built on top of draft.js.
• react-ace - React Ace Component.
• react-codemirror - Codemirror Component for React.js.
• react-contenteditable - React component for a div with editable contents.
• react-draft-wysiwyg - A Wysiwyg editor build on top of ReactJS and DraftJS.
• react-medium-editor - React wrapper for medium-editor.
• react-quill - A Quill component for React.
• react-trumbowyg - React wrapper for Trumbowyg.
• ritzy - Collaborative web-based rich text editor.

Markdown Editor

• react-markdown-editor - A markdown editor using React/Reflux.
• react-md-editor - React.js Markdown Editor Component.

Image Editing

Image manipulation

• react-avatar-cropper - Aiming to be a complete solution for avatar cropping in react.
• react-avatar-editor - Facebook-like, avatar / profile picture component.
• react-image-crop - A responsive image cropping tool for React.
• react-image-cropper - React image crop.

Form Component Collections

• formsy-material-ui - A Formsy compatibility wrapper for Material-UI form components.
• formsy-react-components - A set of React JS components for use in a formsy-react form.
• react-input-enhancements - Set of enhancements for input control.
• react-widgets - An à la carte set of polished, extensible, and accessible inputs built for React.

Miscellaneous

• react-designer - Easy to configure, lightweight, editable vector graphics in your react components.
• react-images-uploader - React.js component for uploading images to the server.
• react-upload-gallery - React for Upload Image Gallery. Drag & Drop, Sortable, Customize.

UI Layout

Components to layout the app's UI

• autoresponsive-react - Auto responsive grid layout library.
• flexbox-react Unopinionated, standard compliant flexbox components.
• golden-layout - A multi-screen javascript Layout manager.
• hedron - A no-frills flexbox grid system for React, powered by styled-components.
• m-react-splitters - React splitter component, written in TypeScript.
• react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
• react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
• react-masonry-component - A React.js component for using @desandro's Masonry.
• react-reflex - Flex layout container component for advanced React web applications.
• react-stack-grid - Pinterest like layout components for React.js.
• react-stonecutter - Animated grid layout component for React.

UI Animation

Animate transitions

• animakit-elastic - AnimakitElastic - React component for flexible resizing of the blocks.
• animakit-expander - AnimakitExpander - React component for the expanding and collapsing of the blocks.
• animakit-rotator - AnimakitRotator - React component for the 3D rotation of the blocks.
• data-driven-motion - Easily animate your data in react.
• rc-animate - Anim react element easily.
• react-anime - A super easy animation library for React.
• react-flip-move - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
• react-gsap-enhancer - Use the full power of React and GSAP together.
• react-magic-move - MagicMove for React.js.
• react-motion-ui-pack - Wrapper component around React Motion for easier UI transitions.
• react-motion - A spring that solves your animation problems.
• react-mt-svg-lines - A React.js wrapper component to animate the line stroke in SVGs.
• react-router-transition - Transitions built for react-router, powered by react-motion.
• react-spark-scroll - Scroll-based actions and animations for react.
• react-track - Track the position of DOM elements. Create cool animations.
• react-transitive-number - React component to apply transition effect to numeric strings, a la old Groupon timers.
• react-tween-state - React animation.
• react-tween - Tween animation for React components.
• react-web-animation - React components for the Web Animations API -.
• react.animate - State animation plugin for react.js.
• velocity-react - React components for Velocity.js.

Parallax

• react-atv-img - A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React.
• react-parallax-component - Easiest way to add scroll parallax effect on the component.

UI Frameworks

Responsive

Set of components + responsive layout system

• 🚀 ant-design - demo/docs - A UI Design Language.
• atlaskit - Atlassian's official UI library. (Please... no more Jira though 😉)
• belle - Configurable React Components with great UX.
• blueprint - demo - docs - UI toolkit for the web.
• carbon - demo/docs - A design system built by IBM. (Wait, since when are IBM known for design?? 🎨)
• elemental - A flexible and beautiful UI framework for React.js.
• grommet - The most advanced UX framework for enterprise applications.
• gestalt - demo/docs - A set of components that supports Pinterest’s design language. (Nice... but surprisingly not as well-designed as I would have thought from Pinterest. 😬)
• pivotal-ui-react - React components based on a custom version of the Bootstrap library.
• office-ui-fabric-react - React components for building Microsoft web experiences. (🤔 But I'm not sure I want a "MSFT experience?")
• rctui - A collection of components for React.
• react-foundation-apps - Foundation Apps components built with React.
• react-foundation - Foundation as React components.
• react-uikit-components - React UIkit Components for the UIKit CSS framework.
• rebass - Configurable React Stateless Functional UI Components.
• searchkit - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
• semantic-ui-react - The official Semantic-UI-React integration.

Material Design

• 🚀 material-ui - React Components that Implement Google's Material Design.
• OnsenUI - demo/docs - Mobile app development framework.
• react-essence - Essence - The Essential Material Design Framework.
• react-materialize - Material design for react, powered by materializecss.
• react-toolbox - A set of React components implementing Google's Material Design.

Mobile

• antd-mobile - A configurable Mobile UI.
• reactionic - React Ionic.
• touchstonejs - Mobile App Framework powered by React.

Component Collections

• dataminr-react-components - Collection of reusable React Components and utility functions.
• shards-react - docs/demo - A beautiful and modern React design system. Freemium 💰
• aframe-react - Build virtual reality experiences with A-Frame and React.
• react-admin - Build admin user experiences on top of REST and GraphQL services.
• react-desktop - React UI Components for macOS Sierra and Windows 10.

UI Utilities

Reporter

Report computed styles

Visibility Reporter

Report when a component becomes visible/hidden

• react-visibility-sensor - Sensor component.
• react-waypoint - A React component to execute a function whenever you scroll to an element.

Measurement Reporter

Determine and report measurements of an element

• react-component-queries - Provide props to your Components based on their Width and/or Height.
• react-container-dimensions - Wrapper component that detects element resize.
• react-dimensions - React higher-order component to get dimensions of container.
• react-height-reporter - React component-wrapper detecting height changes of it's children.
• react-height - Component-wrapper to determine and report children elements height.
• react-measure - Compute measurements of a React component.
• react-sizeme - Make your React Components aware of their width and height.

Device Input

Turn user input into actions

Keyboard Events

• react-hotkeys - Declarative hotkey and focus area management for React.
• react-key-handler - React component to handle keyboard events.
• react-keydown - Lightweight keydown wrapper for React components.
• react-shortcuts - Manage keyboard shortcuts from one place.

Scroll Events

• react-scroll-components - A set of components that react to page scrolling.

Touch Swipe

• react-swipe - Swipe.js as a React component.

Mouse Events

• react-aim - Determine the cursor aim for triggering mouse events.

Meta Tags

Set meta tags, <title>, children of

• react-document-meta - HTML meta tags for React-based apps.
• react-document-title - Declarative, nested, stateful, isomorphic document.title for React.
• react-helmet - A document head manager for React.

Portal

Render an element at an arbitrary DOM node

• react-gateway - Render React DOM into a new context (aka "Portal").
• react-layer-stack - Simple but ubiquitously powerful and agnostic layering system for React.
• react-portal - React component for transportation of modals, lightboxes, loading bars... to document.body.

Test User Behavior

A/B tests, experiments, ...

• react-ab - Simple declarative and universal A/B testing component for React.
• react-experiments - React components for implementing UI experiments.

Code Design

Libraries that help with code design

Data Store

Data flow / data management / data stores / components state / data flow

• alt - Isomorphic flux implementation.
• baobab-react - React integration for Baobab.
• cerebral - A state controller with its own debugger.
• fluorine-lib - Reactive state and side effect management for React using a single stream of actions.
• fluxible - A pluggable container for universal flux applications.
• fluxxor - Flux architecture tools for React.
• kea - High level architecture for React apps.
• mobx-react - React bindings for MobX. Create fully reactive components.
• react-controllables - Easily create controllable components.
• react-i13n - A performant, scalable and pluggable approach to instrumenting your React application.
• react-redux-provide - Bridges the gap between Redux and the declarative nature of GraphQL/Relay.
• react-redux - Official React bindings for Redux.
• recompose - A React utility belt for function components and higher-order components.
• redux-batched-actions - Reducer + action to reduce actions under a single subscriber notification.
• redux-batched-subscribe - Store enhancer for which allows batching subscribe notifications.
• redux-ui - Easy UI state management for react redux.
• redux - Predictable state container for JavaScript apps.
• reflux - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux.
• reselect - Selector library for Redux.
• shasta - Dead simple + opinionated toolkit for building redux/react applications.

Form Logic

• cerebral-module-forms - A forms handler for Cerebral.
• formcat - A simple and easy way to control forms in React using the React Context API
• formsy-react - A form input builder and validator for React JS.
• newforms - INACTIVE] Isomorphic form-handling for React.
• plexus-form - A dynamic form component for react using JSON-Schema.
• react-jsonschema-form - A React component for building Web forms from JSONSchema.
• react-redux-form - Create forms easily in React with Redux.
• react-validation-mixin - Simple validation mixin (HoC) for React.
• redux-form - A Higher Order Component using react-redux to keep form state in a Redux store.
• tcomb-form - Forms library for react.
• winterfell - Generate complex, validated and extendable JSON-based forms in React.

Router

• cerebral-module-router - An opinionated URL change handler for Cerebral.
• monorouter - An isomorphic JS router.
• react-breadcrumbs - Automatic breadcrumbs for React-Router.
• react-router-component - Declarative router component for React.
• react-router-redux - Ruthlessly simple bindings to keep react-router and redux in sync.
• react-router-scroll - React Router scroll management.
• react-router - A complete routing library for React.
• redux-router - Redux bindings for React Router – keep your router state inside your Redux store.
• rrtr - A complete routing solution for React.js.
• universal-router - A simple middleware-style router for isomorphic JavaScript web apps.

Props from server

Component properties asynchronously fetched over the network

• react-async - Asynchronously fetch data for React components.
• react-refetch - A simple, declarative, and composable way to fetch data for React components.
• react-resolver - Async rendering & data-fetching for universal React applications.
• react-router-relay - Relay integration for React Router.
• redial - Universal data fetching and route lifecycle management for React etc.
• redux-async-connect - Request async data, store in redux state, and connect to your component.
• redux-connect - Provides decorator for resolving async props in react-router.

Communication with server

• adrenaline - Simple Relay alternative.
• apollo-client - A simple caching client for any GraphQL server and UI framework.
• cerebral-module-http - HTTP module for Cerebral.
• react-apollo - React data container for the Apollo Client.
• react-relay - Relay is a JavaScript framework for building data-driven React applications.
• react-transmit - Relay-inspired library based on Promises instead of GraphQL.

CSS / Style

• aphrodite - It's inline styles, but they work!.
• classnames - A simple javascript utility for conditionally joining classNames together.
• inline-style-prefixer - Run-time Autoprefixer for Inline Style Objects.
• postcss-js - PostCSS for React Inline Styles, Free Style and other CSS-in-JS.
• radium - A set of tools to manage inline styles on React elements.
• react-container-query - Modular responsive component.
• react-css-modules - Seamless mapping of class names to CSS modules inside of React components.
• react-responsive - Media queries in react for responsive design.
• styled-components - Visual primitives for the component age.

HTML Template

• hyperx - Tagged template string virtual dom builder.
• jsx-control-statements - Neater If and For for React JSX.
• react-templates - Light weight templates for react.

Isomorphic Apps

• hypernova - A service for server-side rendering your JavaScript views.
• isomorphic-relay - Adds server side rendering support to React Relay.
• isomorphic-style-loader - Isomorphic CSS style loader for Webpack.
• react-server - React framework with server render for blazing fast page load.
• rill - Universal web application framework.
• webpack-isomorphic-tools - Server-side rendering for your Webpack-built applications (e.g. React).

Boilerplate

Scaffold / starter kit / Yeoman generator / stack ensemble / seed

• create-react-app - Create React apps with no build configuration.
• electron-react-boilerplate - Live editing development on desktop app.
• essential-react - A minimal skeleton for building testable React apps using Babel.
• generator-flux-on-rails - Scaffolder of universal Flux / Redux app, backed by Rails API.
• generator-react-webpack - Yeoman generator for ReactJS and Webpack.
• generator-starhackit - Full-stack starter kit.
• gluestick - GlueStick is a command line interface for quickly developing universal web apps.
• nwb - CLI tool and devDependency for React apps & components and npm modules.
• react-boilerplate - Quick packager-agnostic boilerplate for React modules using JSX.
• react-hot-boilerplate - Minimal live-editing boilerplate for your next ReactJS project.
• react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes.
• react-redux-starter-kit - Get started with React, Redux, and React-Router!.
• react-redux-universal-hot-example - A starter boilerplate for a universal webapp.
• reactpack - Build your react apps with one command and one npm i.
• reactuate - React/Redux stack (not a boilerplate kit).
• redux-cli - An opinionated CLI for building redux/react apps quicker.
• redux-webpack-es6-boilerplate - A starter project for modern React apps with Redux.
• relay-fullstack - Relay Starter Kit.
• roc - Modern Application Development Ecosystem.
• universal-redux - An npm package that lets you jump right into coding React and Redux.

Miscellaneous

• react-inlinesvg - An SVG loader component for ReactJS.
• redux-auth-patch - Complete token authentication system for react + redux that supports isomorphic rendering.
• redux-search - Redux bindings for client-side search.
• tcomb-react - Alternative syntax for PropTypes.

Utilities

• qrcode.react - A <QRCode/> component for use with React.
• react-children-utilities - Extended utils for React.Children.
• react-faux-dom - DOM like structure that renders to React.
• react-media - A CSS media query component for React.
• react-middle-ellipsis - demo - Truncate long strings in the middle instead of the end.
• react-translate-component - Multi-lingual/localized text content.

i18n

Internationalization / L10n / localization / translation

• react-globalize - Bringing the i18n functionality of Globalize, backed by CLDR, to React.
• react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
• react-intl - Internationalize React apps.
• react-translate-maker - Universal internationalization (i18n) open source library for React.

Framework bindings / integrations

• backbone-react-component - A bit of nifty glue that automatically plugs your Backbone models.
• elm-react-component - A React component which wraps an Elm module to be used in a React application.
• gl-react - OpenGL / WebGL bindings for React to implement complex effects over images and content.
• react-backbone - Backbone-aware mixins for react and a whole lot more.
• react-d3-library - Open source library for using D3 in React.
• react-elm-components - Write React components in Elm.
• react-famous - React bridge to Famo.us.
• react-localstorage - Simple componentized localstorage implementation for Facebook's React.
• react-on-rails - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.
• react-swf - Shockwave Flash Player component for React.
• react-three-renderer - Render into a three.js canvas using React.
• reactfire - ReactJS mixin for easy Firebase integration.
• reactive-elements - Allows to use React.js component as HTML element (web component).

Integrations with Third Party Services

• react-ga - React Google Analytics Module.
• react-google-analytics - Google analytics component.
• react-recaptcha - A react.js reCAPTCHA for Google.
• react-stripe-checkout - Load stripe's checkout.js as a react component. Easiest way to use checkout with React.
• redux-segment - Segment.io analytics integration for redux.

Performance

UI

• inferno - An extremely fast, React-like JavaScript library for building modern user interfaces.
• react-canvas - High performance <canvas> rendering for React components.
• react-fastclick - Fast Touch Events for React.
• react-static-container - Renders static content efficiently.

Inspect

• react-perf-tool - Debug performance of your React application.
• react-render-visualizer - Render visualizer for ReactJS.
• why-did-you-update - Puts your console on blast when React is making unnecessary updates.

Lazy Load

• react-infinite-grid - A React component which renders a grid of elements.
• react-infinite - A browser-ready efficient scrolling container based on UITableView.
• react-lazy-load - React component that renders children elements when they enter the viewport.
• react-lazyload - Lazyload your Component, Image or anything matters the performance.
• react-virtualized - React components for efficiently rendering large lists and tabular data.

App Size

• babel-plugin-transform-react-remove-prop-types - Remove unnecessary React propTypes.
• react-lite - An implementation of React that optimizes for small script size.

Dev Tools

Test

• carte-blanche - An isolated development space with integrated fuzz testing for your components.
• chai-enzyme - Chai.js assertions and convenience functions for testing React Components with enzyme.
• enzyme - JavaScript Testing utilities for React.
• jest-cli - Painless JavaScript Testing.
• legit-tests - Chainable, easy to read, React testing library.
• react-unit - Lightweight unit test library for ReactJS.
• redux-ava - Write AVA tests for redux pretty quickly.
• redux-test-recorder - A redux middleware to automatically generate tests for reducers through ui interaction.
• ui-harness - Create, isolate and test modular UI components in React.
• unexpected-react - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.

Redux

• redux-devtools-chart-monitor - A chart monitor for Redux DevTools.
• redux-devtools-dock-monitor - A resizable and movable dock for Redux DevTools monitors.
• redux-devtools-filterable-log-monitor - Filterable tree view monitor for Redux DevTools.
• redux-devtools-inspector - Another Redux DevTools Monitor.
• redux-devtools-log-monitor - The default monitor for Redux DevTools with a tree view.
• redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI.
• remote-redux-devtools - Redux DevTools remotely.

Inspect

• fluxguard - PROD change monitoring that highlights all DOM + design changes.
• react-inspector - Power of Browser DevTools inspectors right inside your React app.
• react-json-inspector - React JSON inspector component.
• reactotron - A CLI and OS X app for inspecting your React JS and React Native apps.

Miscellaneous

• cosmos-js - DX tool for designing truly encapsulated React components.
• mighty-react-snippets - Crafty React and Redux ES6 snippets for Atom Editor.
• react-atellier - The smartest way to share interactive components with your team.
• react-heatpack - A 'heatpack' command for quick React development with webpack hot reloading.
• react-styleguidist - React style guide generator.
• standard-react - JavaScript Standard Style Guide.

Miscellaneous

• html-to-react-components - Extract annotated portions of HTML into React components as separate modules.
• htmltojsx - Automatically AJAXify plain HTML with the power of React. It's magic!.
• jsonx - React JSON Syntax.
• mozaik - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.
• react-blessed - A react renderer for blessed.

Static Website Generator

• gatsby - Transform plain text into dynamic blogs and websites using React.js.
• phenomic - Modern static* website generator based on the React and Webpack ecosystem.