Cases

Component Collections

• react-components - React components used by Khan Academy.
• dataminr-react-components - Collection of reusable React Components and utility functions.

Mobile

• onsenui - Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components.
• touchstonejs - Mobile App Framework powered by React.
• antd-mobile - A configurable Mobile UI.
• reactionic - React Ionic.

Other

• react-desktop - React UI Components for macOS Sierra and Windows 10.
• admin-on-rest - A frontend framework for building admin SPAs on top of REST services, using React and Material Design.
• aframe-react - Build virtual reality experiences with A-Frame and React.

Responsive

• elemental - A flexible and beautiful UI framework for React.js.
• rctui - A collection of components for React.
• belle - Configurable React Components with great UX.
• react-uikit-components - React UIkit Components for the UIKit CSS framework.
• searchkit - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
• react-foundation-apps - Foundation Apps components built with React.
• grommet - The most advanced UX framework for enterprise applications.
• @blueprintjs/core - Core styles & components.
• semantic-ui-react - The official Semantic-UI-React integration.
• pivotal-ui-react - React components based on a custom version of the Bootstrap library.
• antd - A UI Design Language.
• react-bootstrap - Bootstrap 3 components built with React.
• reactstrap - Simple React Bootstrap 4 components.
• react-mdl - React Components for Material Design Lite.
• react-materialize - Material design for react, powered by materializecss.
• react-toolbox - A set of React components implementing Google's Material Design specification with the power of CSS Modules.
• react-material - Material design components written with React.js and React Style.
• react-essence - Essence - The Essential Material Design Framework.
• react-foundation - Foundation as React components.
• material-ui - React Components that Implement Google's Material Design.
• rebass - Configurable React Stateless Functional UI Components.

Code Design

Boilerplate

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

Communication with server

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

CSS / Style

• styled-components - Visual primitives for the component age.
• react-css-modules - Seamless mapping of class names to CSS modules inside of React components.
• aphrodite - It's inline styles, but they work!.
• postcss-js - PostCSS for React Inline Styles, Free Style and other CSS-in-JS.
• react-inline-css - Write CSS inside your React components!.
• classnames - A simple javascript utility for conditionally joining classNames together.
• stilr - Encapsulated styling for your javascript components with all the power of javascript and CSS combined.
• react-css-components - Define React presentational components with CSS.
• radium - A set of tools to manage inline styles on React elements.
• react-responsive - Media queries in react for responsive design.
• react-container-query - Modular responsive component.
• inline-style-prefixer - Run-time Autoprefixer for Inline Style Objects.
• react-look - Advanced & Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools.

Data Store

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

Form Logic

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

HTML Template

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

Isomorphic Apps

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

Miscellaneous

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

Props from server

• react-async - Asynchronously fetch data for React components.
• async-props - Co-located data loading for React Router.
• react-router-relay - Relay integration for React Router.
• redux-connect - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React.
• react-resolver - Async rendering & data-fetching for universal React applications.
• react-refetch - A simple, declarative, and composable way to fetch data for React components.
• redial - Universal data fetching and route lifecycle management for React etc.
• redux-async-connect - It allows you to request async data, store them in redux state and connect them to your react component.

Router

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

Demos

Audio / Video

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

Carousel

• react-slick - React carousel component.
• react-responsive-carousel - React.js Responsive Carousel (with Swipe).

Chart

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

Collapse

• react-collapse - Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height.
• react-accessible-accordion - Accessible Accordion component for React.

Custom Scrollbar

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

Form Components

• react-datepicker - A simple and reusable datepicker component for React.
• rc-calendar - React Calendar.
• react-day-picker - Flexible date picker for React.
• react-daterange-picker - A React based date range picker.
• react-yearly-calendar - React.js Yearly Calendar Component.
• react-calendar - A modular toolkit to build calendar-related things in React.
• input-moment - React datetime picker powered by momentjs.
• react-bootstrap-datetimepicker - A react.js datetime picker for bootstrap.
• react-bootstrap-daterangepicker - A date/time picker for react (using bootstrap). This is a react port of bootstrap-daterangepicker.
• react-date-select - A React Date Select / Picker Input Component.
• react-infinite-calendar - Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.
• react-input-mask - Yet another react component for input masking.
• react-maskedinput - Masked <input/> React component.
• react-autosuggest - WAI-ARIA compliant React autosuggest component.
• react-typeahead - Pure react-based typeahead and typeahead-tokenizer.
• react-typeahead-component - Typeahead, written using the React.js library.
• react-selectize - A Stateless & Flexible Select component for React inspired by Selectize.
• react-aria-menubutton - A fully accessible, easily themeable, React-powered menu button.
• react-select - A Select control built with and for React JS.
• react-select-box - An accessible select box component for React.
• react-color - Color Pickers from Sketch, Photoshop, Chrome & more.
• coloreact - A tiny Color Picker for React.
• react-ios-switch - React switch component.
• rc-slider - React Slider.
• react-radio-group - Better radio buttons.
• react-tagsinput - A simple react component for inputing tags.
• react-tokeninput - Tokeninput component for React.
• react-autocomplete-input - Autocomplete input field for React.
• react-input-autosize - Auto-resizing input field for React.
• react-star-rating-input - React.js component for entering 0-5 (or more) stars.
• react-sortable-pane - Sortable and resizable pane component for React.
• react-dragula - Drag and drop so simple it hurts.
• react-droparea - Drag and Drop library for React.
• react-anything-sortable - A ReactJS component that can sort any children with touch support and IE8 compatibility.
• react-sortable-hoc - A set of higher-order components to turn any list into an animated, touch-friendly, sortable list.
• react-sortable - A sortable list component built with React.
• react-quill - A Quill component for React.
• react-ace - React Ace Component.