Code Design

Boilerplate

• crisp-react - Express integration in TypeScript with support for multiple SPAs and pitfall avoidance.

CSS / Style

• styled-components - Visual primitives for the component age.
• reactponsive - Responsive components and hooks.
• react-responsive - Media queries in react for responsive design.

Data Store

• mobx-react - React bindings for MobX. Create fully reactive components.
• react-3ducks - demo - Simple state management solution for React.
• reselect - Selector library for Redux.

Form Logic

• formik - Build forms without tears and supports Validation in ease.
• react-hook-form - React hooks for form validation without the hassle.
• react-formawesome - Complex library for creating awesome forms.
• surveyjs - The advanced Survey and Form library

Isomorphic Apps

• rill - Universal web application framework.

Router

• universal-router - A simple middleware-style router for isomorphic JavaScript web apps.
• redux-first-history - Redux First History - Redux history binding support react-router - @reach/router - wouter
• react-router - A complete routing library for React.

Dev Tools

Test

• rut - React testing made easy with react-test-renderer. Supports DOM and custom renderers.

Miscellaneous

Miscellaneous

• jsonx - React JSON Syntax.

Performance

Server-Side Rendering

• react-esi - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments

UI

• react-lazy-load - React component that renders children elements when they enter the viewport.

UI Animation

Parallax

• react-parallax-tilt - demo - Easily apply parallax tilt hover effect on components.

UI Components

Audio / Video

• react-youtube - React.js powered YouTube player component.

Buttons

• react-awesome-button - demo - 3D animated 60fps buttons with load progress and social share actions.

Carousel

• flat-carousel - demo Light weight carousel component for general purpose.
• react-awesome-slider - demo - 3D animated 60fps media and content slider/carousel.
• pure-react-carousel - Built from scratch and not highly opinionated.
• react-responsive-carousel - React.js Responsive Carousel (with Swipe).

Chart

• react-google-charts - React-google-charts React component.
• recharts - Redefined chart library built with React and D3.
• rumble-charts - React components for building composable and flexible charts.
• victory - Data viz for React.
• react-chartjs-2 - Common react charting components using Chart.js 2.0.

Collapse

• react-accessible-accordion - Accessible Accordion component for React.

Custom Scrollbar

• react-custom-scroll - demo - Easily customize the browser scroll bar with native OS scroll behavior.

Form Components

• react-datepicker - A simple and reusable datepicker component for React.
• react-day-picker - Flexible date picker for React.
• react-simple-timefield - demo - Simple time input field.
• react-timezone-select - demo - Dynamic, succinct timezone select. Based on react-select.
• react-select - A Select control built with and for React JS.
• @pathofdev/react-tag-input - demo & docs - Minimal tagging component with editable tags
• 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-ace - Ace (Advanced Code Editor) wraper.
• react-contenteditable - React component for a div with editable contents.
• react-avatar-editor - Facebook-like, avatar / profile picture component.
• formsy-react-components - A set of React JS components for use in a formsy-react form.
• react-widgets - An à la carte set of polished, extensible, and accessible inputs.
• interweave - React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.
• react-image-crop - A responsive image cropping tool for React.

Loader

• react-md-spinner - Material Design spinner components for React.js.
• react-spinners-css - Amazing collection of react spinners components.

Map

• react-geosuggest - A React autosuggest for the Google Maps Places API.
• react-leaflet - React components for Leaflet maps.
• react-mapbox-gl - A React binding of mapbox-gl-js.
• react-map-gl - A React wrapper for MapboxGL-js and overlay API.

Miscellaneous

• react-joyride - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.
• react-split-pane - React split-pane component.
• react-swipe-to-delete-ios - demo - To delete an item in a list the same way iOS does.
• react-facebook - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post.
• react-pdf-viewer - docs - A React component to view a PDF document.
• react-resizable-and-movable - Resizable and movable component for React.
• react-resizable-box - Resizable component for React. #reactjs.

Notification

• cogo-toast - demo/docs - Plug and play, Promise support, inbuilt styling, ~3.5K. (No refs / provider needed 😊)
• react-notifications-component - demo - Highly customizable and easy-to-use component for notifications.
• react-toastify - demo - best bet out there at the moment. Hooks support. No refs.
• reapop - A React & Redux notifications system.
• simple-react-notifications - demo - Tiny notification library (1kb gzip).

Photo / Image

• react-image-gallery - Responsive image gallery, carousel, image slider react component.
• react-compare-image - demo - React component to compare two images using a slider.

Table

• ka-table - demo - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. 🆕
• react-data-table - demo/docs - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination
• rsuite-table - demo/docs - A table component that supports virtualized.

Time / Date / Age

• timeago-react - Format date with *** time ago statement. eg: '3 hours ago'.

UI Frameworks

Component Collections

• blueprint - demo - docs - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications.
• react-admin - Build admin user experiences on top of REST and GraphQL services.
• react-stack-cards - Collection of stack card effects for galleries and preview grids.
• rsuite - demo/docs - Suite of components for "enterprise system products".

Mobile

• antd-mobile - Configurable Mobile UI from China.

Responsive

• ant-design - demo/docs - A UI Design Language from China. Individual components available.
• carbon - demo/docs - A design system built by IBM.
• chakra-ui - demo/docs - Simple, Modular & Accessible UI Components for your React Applications.
• gestalt - demo/docs - A set of components that supports Pinterest’s design language.
• react-bootstrap - Bootstrap components built with React.
• searchkit - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
• shineout - demo - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc.
• office-ui-fabric-react - React components for building Microsoft web experiences.

UI Layout

Form Components

• muuri-react - demo - Responsive, sortable, filterable and draggable grid layouts (Muuri implementation).
• react-spaces - demo/docs - Nestable anchored, resizable, scrollable components.

UI Utilities

Device Input

• react-hook-mighty-mouse - demo - Hook that tracks mouse events on selected element.

Utilities

i18n

• js-lingui - docs – A readable, automated, and optimized (5 kb) internationalization for JavaScript.

Miscellaneous

• qrcode.react - A <QRCode/> component for use with React.
• react-children-utilities - Extended utils for React.Children.