Code Design

Boilerplate

• essential-react - A minimal skeleton for building testable React apps using Babel.
• 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-hot-boilerplate - Minimal live-editing boilerplate for your next ReactJS project.
• react-redux-universal-hot-example - A starter boilerplate for a universal webapp.
• reactuate - React/Redux stack (not a boilerplate kit).
• redux-cli - An opinionated CLI for building redux/react apps quicker.
• 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.
• create-react-dependency - Create react dependencies with no build configuration.

Communication with server

• adrenaline - Simple Relay alternative.
• 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.
• radium - A set of tools to manage inline styles on React elements.
• react-css-modules - Seamless mapping of class names to CSS modules inside of React components.
• inline-style-prefixer - Run-time Autoprefixer for Inline Style Objects.
• react-container-query - Modular responsive component.

Data Store

• alt - Isomorphic flux implementation.
• baobab-react - React integration for Baobab.
• cerebral - A state controller with its own debugger.
• fluxible - A pluggable container for universal flux applications.
• fluxxor - Flux architecture tools for React.
• react-controllables - Easily create controllable components.
• react-i13n - A performant, scalable and pluggable approach to instrumenting your React application.
• redux-batched-actions - Reducer + action to reduce actions under a single subscriber notification.
• 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.
• shasta - Dead simple + opinionated toolkit for building redux/react applications.
• fluorine-lib - Reactive state and side effect management for React using a single stream of actions.
• kea - High level architecture for React apps.
• resourcerer - Declarative data-fetching framework for REST APIs

Form Logic

• formcat - A simple and easy way to control forms in React using the React Context API
• plexus-form - A dynamic form component for react using JSON-Schema.
• react-validation-mixin - Simple validation mixin (HoC) for React.
• react-final-form - Subscription-based form state management
• tcomb-form - Forms library for react.
• winterfell - Generate complex, validated and extendable JSON-based forms in React.

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.
• 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.

Miscellaneous

• redux-auth-patch - Complete token authentication system for react + redux that supports isomorphic rendering.
• tcomb-react - Alternative syntax for PropTypes.
• react-universal-hooks - 🎉 support react hooks everywhere (Functional or Class Component).

Props from server

• 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-connect - Provides decorator for resolving async props in react-router.
• redux-async-connect - Request async data, store in redux state, and connect to your component.

Router

• monorouter - An isomorphic JS router.
• react-router-component - Declarative router component for React.
• react-router-scroll - React Router scroll management.
• redux-router - Redux bindings for React Router – keep your router state inside your Redux store.
• react-breadcrumbs - Automatic breadcrumbs for React-Router.

Dev Tools

Inspect

• react-json-inspector - React JSON inspector component.

Miscellaneous

• 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.
• standard-react - JavaScript Standard Style Guide.

Redux

• 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.
• remote-redux-devtools - Redux DevTools remotely.
• redux-devtools-chart-monitor - A chart monitor for Redux DevTools.

Test

• carte-blanche - An isolated development space with integrated fuzz testing for your components.
• react-unit - Lightweight unit test library for ReactJS.
• 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.

Miscellaneous

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!.
• 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.

Performance

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.

UI

• react-infinite - A browser-ready efficient scrolling container based on UITableView.
• react-virtualized - React components for efficiently rendering large lists and tabular data.
• react-canvas - High performance <canvas> rendering for React components.
• react-fastclick - Fast Touch Events for React.
• react-static-container - Renders static content efficiently.
• react-perf-tool - Debug performance of your React application.
• why-did-you-update - Puts your console on blast when React is making unnecessary updates.
• react-infinite-grid - A React component which renders a grid of elements.
• react-lazyload - Lazyload your Component, Image or anything matters the performance.

UI Animation

Form Components

• data-driven-motion - Easily animate your data.
• 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 wrapper.
• 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 - Wrapper 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 - Apply transition effect to numeric strings, a la old Groupon timers.
• react-web-animation - React components for the Web Animations API -.
• react-scroll-rotate - demo - Very simple scroll based element rotation
• react-particles-bg - Particles backgrounds.
• velocity-react - Velocity.js wrapper.

Parallax

• react-parallax-component - Easiest way to add scroll parallax effect on the component.

UI Components

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.
• video-react - A web video player built for the HTML5 world using React library.

Carousel

• react-id-swiper - A library to use idangerous Swiper as a ReactJs component
• react-slick - React carousel component.
• react-carouselize - Transform everything in a simple and customizable carousel.

Chart

• react-chartist - React component for Chartist.js.
• react-charty - demo - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming.
• react-d3-components - D3 Components for React.
• react-dazzle - Dashboards made easy in React JS.
• react-highcharts - React-highcharts.
• react-sigmajs - Lightweight but powerful library for drawing network graphs built on top of SigmaJS.
• 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.

Collapse

• react-collapse - Component-wrapper for collapse animation with react-motion.

Custom Scrollbar

• react-scrollbar - Scrollbar component for React.
• react-shadow-scroll - Component that customizes the image and inserts shadow when scrolling exists.

Editable data grid / spreadsheet

• gigatables-react - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.

Form Components

• react-calendar - A modular toolkit to build calendar-related things in React.
• react-datepicker2 - demo - docs A simple and reusable datepicker component (with persian jalali calendar support).
• react-nice-dates - demo/docs A responsive, touch-friendly, and modular date picker library.
• react-yearly-calendar - React.js Yearly Calendar Component.
• r-date-picker - React.js high customize date picker component, easy style it.
• react-payment-inputs - demo - A zero-dependency container to help with payment card input fields.
• react-input-mask - demo - Yet another react component for input masking.
• react-maskedinput - Masked <input/> React component.
• react-numpad - demo - Extensible number pad control for numbers, dates and times.
• react-autosuggest - WAI-ARIA compliant React autosuggest component.
• react-typeahead - Pure react-based typeahead and typeahead-tokenizer.
• react-aria-menubutton - A fully accessible, easily themeable, React-powered menu button.
• react-select-box - An accessible select box component for React.
• coloreact - A tiny Color Picker for React.
• react-color - Color Pickers from Sketch, Photoshop, Chrome & more.
• react-ios-switch - React switch component.
• react-radio-group - Better radio buttons.
• react-autocomplete-input - Autocomplete input field for React.
• react-tagsinput - A simple react component for inputing tags.
• react-tokeninput - Tokeninput component for React.
• react-input-autosize - Auto-resizing input field for React.
• react-awesome-stars-rating - demo - The star rating component with accessibility.
• react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
• react-dragula - Drag and drop so simple it hurts.
• 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 - Lists reorderable by drag-and-drop, within and among lists.
• alloyeditor - WYSIWYG editor based on CKEditor with completely rewritten UI.
• megadraft - Rich Text editor built on top of draft.js.
• react-codemirror - CodeMirror wrapper.
• react-draft-wysiwyg - WYSIWYG editor build on top of DraftJS.
• react-medium-editor - medium-editor wrapper.
• react-quill - Quill wrapper.
• react-trumbowyg - Trumbowyg wrapper.
• ritzy - Collaborative web-based rich text editor.
• react-markdown-editor - A markdown editor using React/Reflux.
• react-md-editor - Markdown editor.
• react-input-enhancements - Set of enhancements for input control.
• react-date-range - A React component for choosing dates and date ranges.
• react-datetime - A lightweight but complete datetime picker react component.
• react-flatpickr - Flatpickr for React.
• react-input-color - React input color component with hsv color picker.
• react-toggle - An elegant, accessible toggle component for React. Also a glorified checkbox.
• react-star-rating - A simple star rating component built with React.
• react-dropzone - Simple HTML5 drag-drop zone with React.js.

Icons

• iconify-react - Over 40k icons from 50+ icon sets, including all popular icon and emoji sets.

Infinite Scroll

• react-recycled-scrolling - npm - demo - Simulate scrolling using fixed number of DOM elements for large lists with React Hooks

Loader

• react-block-ui - Easy way to block the user from interacting with your UI.
• react-progress-button - Simple react.js component for an inline progress indicator.
• react-redux-loading-bar - Simple Loading Bar for Redux and React.
• react-progress-label - Progress label component.

Map

• react-gmaps - A Google Maps component for React.js.

Markdown Viewer

• react-markdown - Render Markdown as React components.

Menu

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

Miscellaneous

• material-color-hash - Hash strings to Material UI colors.
• react-awesome-query-builder - demo - Visual query builder from form fields, with SQL, MongoDB and JSON export
• react-blur - React component for blurred backgrounds.
• react-simple-chatbot - demo - A simple chatbot component to create conversation chats.
• 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-json-tree - React JSON Viewer Component, Extracted from redux-devtools.
• typography - A powerful toolkit for building websites with beautiful typography.
• react-avatar-generator - Allows users to create random kaleidoscopes to be used as avatars.

Notification

• react-notification - Snackbar notifications for React.
• react-toast-notifications - demo - pleasing toast system.