Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sheep0704/awesome-react-components-all

Catalog of React components / libraries / React 学习大全
https://github.com/sheep0704/awesome-react-components-all

List: awesome-react-components-all

Last synced: about 1 month ago
JSON representation

Catalog of React components / libraries / React 学习大全

Awesome Lists containing this project

README

        


有兴趣的可以关注【Python2048】 公众号

分享技术、灰色产业、职业规划、赚钱之道、逆向破解等趣事……


# awesome-react-components-all

Catalog of React components / libraries / React 学习大全 -> KARL-Dujinyang

Lang -> 2016 React动态更新

Karl-dujinyang -> React大全,Star,Fork备用。

# React Components Catalog

> Catalog of React components / libraries

- Dedicated interface at [`devarchy.com/react-components`](http://devarchy.com/react-components)
- Contributions welcome, see [contribution guide](contributing.md)


#### Contents
- [UI Components](#ui-components)
- [UI Layout](#ui-layout)
- [UI Animation](#ui-animation)
- [UI Frameworks](#ui-frameworks)
- [UI Utilites](#ui-utilites)
- [Code Design](#code-design)
- [Utilities](#utilities)
- [Tests](#tests)
- [Performance](#performance)
- [Dev Tools](#dev-tools)
- [Miscellaneous](#miscellaneous-4)












# UI Components

###### Table / Data Grid

- [reactable](https://github.com/glittershark/reactable) - Fast, flexible, and simple data tables in React.
- [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
- [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple Grid Component written in React.
- [react-datagrid](https://github.com/zippyui/react-datagrid) - A carefully crafted DataGrid for React.
- [react-data-components](https://github.com/carlosrocha/react-data-components) - React components for sorting, filtering and pagination of data.
- [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table) - It's a react table for bootstrap.
- [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like.
- [react-pivot](https://github.com/davidguttman/react-pivot) - React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
- [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React.

###### Infinite Scroll

- [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance.
- [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations.
- [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView.
- [react-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements.
- [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component.
- [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data.

###### Modals

*Display overlay / modal / dialog*

- [react-dock](https://github.com/alexkuz/react-dock) - Resizable dockable react component.
- [react-overlays](https://github.com/react-bootstrap/react-overlays) - Utilities for creating robust overlay components.
- [boron](https://github.com/yuanyan/boron) - A collection of dialog animations with React.js.
- [react-modal2](https://github.com/cloudflare/react-modal2) - Simple modal component for React.
- [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React.
- [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs.
- [rodal](https://github.com/chenjiahan/rodal) - A React modal with animations.

###### Notification

*A temporary little modal to notify the user*

- [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React.
- [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React.
- [react-s-alert](https://github.com/juliancwirko/react-s-alert) - Alerts / Notifications for React with rich configuration options.
- [react-crouton](https://github.com/xeodou/react-crouton) - A message component for reactjs.

###### Tooltips

- [react-tooltip](https://github.com/wwayne/react-tooltip) - React tooltip component.
- [rc-tooltip](https://github.com/react-component/tooltip) - React Tooltip.

###### Menu

*Menus / Sidebars*

- [react-burger-menu](https://github.com/negomi/react-burger-menu) - An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations.
- [react-sidebar](https://github.com/balloob/react-sidebar) - A sidebar component for React.
- [react-motion-menu](https://github.com/bokuweb/react-motion-menu) - Motion menu component powered by React Motion.
- [react-offcanvas](https://github.com/vutran/react-offcanvas) - Off-canvas menus for React.
- [react-tree-menu](https://github.com/MandarinConLaBarba/react-tree-menu) - A stateless tree menu component for React.
- [react-metismenu](https://github.com/alpertuna/react-metismenu) - A ready-to-use menu component for React.

###### Sticky

*Implementations similar to `position: sticky`*

- [react-sticky](https://github.com/captivationsoftware/react-sticky) - <Sticky /> component for awesome React apps.
- [react-headroom](https://github.com/KyleAMathews/react-headroom) - Hide your header until you need it.
- [react-listview-sticky-header](https://github.com/cht8687/react-listview-sticky-header) - React listview with sticky section header.

###### Tabs

- [react-tabs](https://github.com/reactjs/react-tabs) - React tabs component.
- [react-simpletabs](https://github.com/pedronauck/react-simpletabs) - Just a simple tabs component built with React.

###### Loading / Progress Indicators

*Let the user know that something is being loaded*

- [halogen](https://github.com/yuanyan/halogen) - A collection of loading spinners with React.js.
- [react-ladda](https://github.com/jsdir/react-ladda) - React wrapper for Ladda buttons.
- [react-progress-button](https://github.com/mathieudutour/react-progress-button) - Simple react.js component for an inline progress indicator.
- [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded.
- [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React.
- [react-progress-label](https://github.com/wangzuo/react-progress-label) - Progress label component.

###### Carousels

- [react-slick](https://github.com/akiran/react-slick) - React carousel component.

###### Collapse

- [react-collapse](https://github.com/nkbt/react-collapse) - Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height.

###### Charts

*Displays data in graphs / diagrams*

- [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js.
- [d3-react-squared](https://github.com/bgrsquared/d3-react-squared) - Lightweight event system for (d3) charts and other components for ReactJS.
- [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components for React.
- [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3.
- [react-chartjs](https://github.com/reactjs/react-chartjs) - Common react charting components using chart.js.
- [react-dazzle](https://github.com/Raathigesh/Dazzle) - Dashboards made easy in React JS.
- [react-vis](https://github.com/uber/react-vis) - Data visualization library based on React and d3.
- [react-sparkline](https://github.com/KyleAMathews/react-sparkline) - React component for rendering simple sparklines.
- [react-sparklines](https://github.com/borisyankov/react-sparklines) - Beautiful and expressive Sparklines React component.
- [rumble-charts](https://github.com/RumbleInc/rumble-js-charts) - React components for building composable and flexible charts.
- [react-micro-bar-chart](https://github.com/KyleAMathews/react-micro-bar-chart) - React component for micro bar-charts rendered with D3.

###### Display a Tree Data Structure

- [react-treeview](https://github.com/chenglou/react-treeview) - Easy, light, flexible tree view made with React.
- [react-ui-tree](https://github.com/pqx/react-ui-tree) - React tree component.
- [react-treebeard](https://github.com/alexcurtis/react-treebeard) - React Tree View Component. Data-Driven, Fast, Efficient and Customisable.

###### UI Navigation

*Ways to navigate views*

- [react-scroll](https://github.com/fisshy/react-scroll) - React scroll component.
- [react-swipe-views](https://github.com/damusnet/react-swipe-views) - A React Component for binded Tabs and Swipeable Views.

###### Custom Scrollbar

- [react-custom-scrollbars](https://github.com/malte-wessel/react-custom-scrollbars) - React scrollbars component.
- [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React.
- [react-smooth-scrollbar](https://github.com/idiotWu/react-smooth-scrollbar) - React implementation of smooth-scrollbar.
- [react-gemini-scrollbar](https://github.com/noeldelgado/react-gemini-scrollbar) - React component for custom overlay-scrollbars with native scrolling mechanism.
- [react-custom-scroll](https://github.com/rommguy/react-custom-scroll) - Easily customize the browser scroll bar with native OS scroll behavior.

###### Media

*Audio / Video*

- [react-player](https://github.com/CookPete/react-player) - A react component for playing a variety of URLs, including file paths, YouTube, SoundCloud and Vimeo.
- [react-youtube](https://github.com/troybetz/react-youtube) - React.js powered YouTube player component.
- [react-soundplayer](https://github.com/soundblogs/react-soundplayer) - Create custom SoundCloud players with React.
- [react-video](https://github.com/pedronauck/react-video) - React component to load video from Vimeo or Youtube across any device.
- [react-music](https://github.com/FormidableLabs/react-music) - Make beats with React.
- [react-dailymotion](https://github.com/u-wave/react-dailymotion) - Dailymotion player component for React.

###### Map

- [react-gmaps](https://github.com/MicheleBertoli/react-gmaps) - A Google Maps component for React.js.
- [google-map-react](https://github.com/istarkov/google-map-react) - Universal google map react component, allows render react components on the google map.
- [react-googlemaps](https://github.com/pieterv/react-googlemaps) - A declarative React interface to Google Maps.
- [react-leaflet](https://github.com/PaulLeCam/react-leaflet) - React components for Leaflet maps.
- [react-geosuggest](https://github.com/ubilabs/react-geosuggest) - A React autosuggest for the Google Maps Places API.
- [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js and overlay API.

###### Display time / date / age

- [react-time](https://github.com/andreypopp/react-time) - Component for React to render relative and/or formatted dates into <time> HTML5 element.
- [react-timeago](https://github.com/nmn/react-timeago) - A simple time-ago component for ReactJs.

###### Photo / Image Gallery

- [react-image-gallery](https://github.com/xiaolin/react-image-gallery) - Responsive image gallery, carousel, image slider react component.
- [react-images](https://github.com/jossmac/react-images) - A simple lightbox component for displaying an array of images.
- [react-photo-gallery](https://github.com/neptunian/react-photo-gallery) - Responsive React Photo Gallery.

###### Touch Swipe

- [react-swipe](https://github.com/voronianski/react-swipe) - Swipe.js as a React component.

###### Miscellaneous

- [react-timesheet](https://github.com/yuanyan/react-timesheet) - Time Sheet Component for React.
- [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.
- [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds.
- [react-markdown](https://github.com/rexxars/react-markdown) - Render Markdown as React components.
- [react-split-pane](https://github.com/tomkp/react-split-pane) - React split-pane component.
- [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography.
- [react-paginate](https://github.com/AdeleD/react-paginate) - A ReactJS component that creates a pagination.
- [react-json-tree](https://github.com/alexkuz/react-json-tree) - React JSON Viewer Component, Extracted from redux-devtools.
- [react-icons](https://github.com/gorangajic/react-icons) - Svg react icons of popular icon packs using ES6 imports.
- [react-emoji](https://github.com/banyan/react-emoji) - An emoji mixin for React.
- [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - Resizable and movable component for React.
- [react-dnr](https://github.com/yongxu/react-DnR) - Dragable and Resizable window build with React.js.
- [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - Resizable component for React. #reactjs.
- [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - React file input component for complete control over styling and abstraction from file reading.
- [react-star-rating](https://github.com/cameronroe/react-star-rating) - A simple star rating component built with React.
- [react-star-rating-input](https://github.com/ikr/react-star-rating-input) - React.js component for entering 0-5 (or more) stars.
- [react-pagespeed-score](https://github.com/cauealves/react-pagespeed-score) - A React component for display a dial-type chart of PageSpeed Insights.
- [react-autolink](https://github.com/banyan/react-autolink) - An autolink mixin for React.

### Component Collections

- [dataminr-react-components](https://github.com/dataminr/react-components) - Collection of reusable React Components and utility functions.
- [react-components](https://github.com/Khan/react-components) - React components used by Khan Academy.

### Form Components

*Let the user enter data*

###### Date / Time picker

- [react-date-picker](https://github.com/zippyui/react-date-picker) - A carefully crafted date picker for React.
- [react-datepicker](https://github.com/Hacker0x01/react-datepicker) - A simple and reusable datepicker component for React.
- [rc-calendar](https://github.com/react-component/calendar) - React Calendar.
- [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges.
- [react-day-picker](https://github.com/gpbl/react-day-picker) - Flexible date picker for React.
- [react-daterange-picker](https://github.com/onefinestay/react-daterange-picker) - A React based date range picker.
- [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component.
- [react-calendar](https://github.com/freiksenet/react-calendar) - A modular toolkit to build calendar-related things in React.
- [input-moment](https://github.com/wangzuo/input-moment) - React datetime picker powered by momentjs.
- [react-datetime](https://github.com/YouCanBookMe/react-datetime) - A lightweight but complete datetime picker react component.
- [react-bootstrap-datetimepicker](https://github.com/quri/react-bootstrap-datetimepicker) - A react.js datetime picker for bootstrap.
- [react-bootstrap-daterangepicker](https://github.com/skratchdot/react-bootstrap-daterangepicker) - A date/time picker for react (using bootstrap). This is a react port of bootstrap-daterangepicker.
- [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Gcal/outlook like calendar component.
- [react-date-select](https://github.com/JedWatson/react-date-select) - A React Date Select / Picker Input Component.
- [react-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.

###### Rich Text Editing

- [react-quill](https://github.com/zenoamaro/react-quill) - A Quill component for React.
- [react-ace](https://github.com/securingsincity/react-ace) - React Ace Component.
- [react-contenteditable](https://github.com/lovasoa/react-contenteditable) - React component for a div with editable contents.
- [react-codemirror](https://github.com/JedWatson/react-codemirror) - Codemirror Component for React.js.
- [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - React wrapper for medium-editor.
- [draft-js](https://github.com/facebook/draft-js) - A React framework for building text editors.
- [ritzy](https://github.com/ritzyed/ritzy) - Collaborative web-based rich text editor.

###### Sortable List

*Let the user define an order on a list*

- [sortablejs](https://github.com/RubaXa/Sortable) - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap.
- [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable) - A ReactJS component that can sort any children with touch support and IE8 compatibility.
- [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc) - A set of higher-order components to turn any list into an animated, touch-friendly, sortable list.
- [react-sortable](https://github.com/danielstocks/react-sortable) - A sortable list component built with React.

###### Drag and Drop

- [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component.
- [react-dnd-touch-backend](https://github.com/yahoo/react-dnd-touch-backend) - Touch Backend for react-dnd.
- [react-dropzone](https://github.com/okonet/react-dropzone) - Simple HTML5 drag-drop zone with React.js.
- [react-dnd](https://github.com/gaearon/react-dnd) - Drag and Drop for React.
- [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - Sortable and resizable pane component for React.

###### Autocomplete

*Autosuggest / autocomplete / typeahead*

- [react-autosuggest](https://github.com/moroshko/react-autosuggest) - WAI-ARIA compliant React autosuggest component.
- [react-typeahead](https://github.com/fmoo/react-typeahead) - Pure react-based typeahead and typeahead-tokenizer.
- [react-typeahead-component](https://github.com/ezequiel/react-typeahead-component) - Typeahead, written using the React.js library.

###### Select

- [react-selectize](https://github.com/furqanZafar/react-selectize) - A Stateless & Flexible Select component for React inspired by Selectize.
- [react-aria-menubutton](https://github.com/davidtheclark/react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button.
- [react-select](https://github.com/JedWatson/react-select) - A Select control built with and for React JS.
- [react-select-box](https://github.com/instructure-react/react-select-box) - An accessible select box component for React.

###### Color Picker

- [react-input-color](https://github.com/wangzuo/react-input-color) - React input color component with hsv color picker.
- [react-color](https://github.com/casesandberg/react-color) - Color Pickers from Sketch, Photoshop, Chrome & more.

###### Toggle

- [react-toggle](https://github.com/instructure-react/react-toggle) - An elegant, accessible toggle component for React. Also a glorified checkbox.
- [react-ios-switch](https://github.com/clari/react-ios-switch) - React switch component.

###### Slider

- [rc-slider](https://github.com/react-component/slider) - React Slider.
- [react-slider](https://github.com/mpowaga/react-slider) - Slider component for React.

###### Radio buttons

- [react-radio-group](https://github.com/chenglou/react-radio-group) - Better radio buttons.

###### Type Select

*Let the user select a tag / something while typing*

- [react-tagsinput](https://github.com/olahol/react-tagsinput) - A simple react component for inputing tags.
- [react-tag-input](https://github.com/prakhar1989/react-tags) - A fantastically simple tagging component for your React projects.
- [react-mentions](https://github.com/effektif/react-mentions) - Mention people in a textarea.
- [react-tokeninput](https://github.com/instructure-react/react-tokeninput) - Tokeninput component for React.

###### Masked Input

- [react-input-mask](https://github.com/sanniassin/react-input-mask) - Yet another react component for input masking.
- [react-maskedinput](https://github.com/insin/react-maskedinput) - Masked <input/> React component.
- [react-text-mask](https://github.com/msafi/text-mask) - Input mask for React, Angular, and vanilla JavaScript. Flexible, robust & tiny.

###### Autosize Input / Textarea

- [react-input-autosize](https://github.com/JedWatson/react-input-autosize) - Auto-resizing input field for React.
- [react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize) - <textarea /> component for React which grows with content.

###### Image Editing

- [react-avatar-cropper](https://github.com/DropsOfSerenity/react-avatar-cropper) - Aiming to be a complete solution for avatar cropping in react.
- [react-avatar-editor](https://github.com/mosch/react-avatar-editor) - Facebook like, avatar / profile picture component. Resize and crop your uploaded image using a clear user interface.
- [react-image-crop](https://github.com/DominicTobias/react-image-crop) - A responsive image cropping tool for React.

###### Markdown Editor

- [react-md-editor](https://github.com/JedWatson/react-md-editor) - React.js Markdown Editor Component.
- [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor) - A markdown editor using React/Reflux.

###### Form Component Collections

- [formsy-react-components](https://github.com/twisty/formsy-react-components) - A set of React JS components for use in a formsy-react form. Markup adheres to Bootstrap 3 form structure.
- [formsy-material-ui](https://github.com/mbrookes/formsy-material-ui) - A Formsy compatibility wrapper for Material-UI form components.
- [react-input-enhancements](https://github.com/alexkuz/react-input-enhancements) - Set of enhancements for input control.
- [react-widgets](https://github.com/jquense/react-widgets) - An à la carte set of polished, extensible, and accessible inputs built for React.

###### Miscellaneous

- [react-designer](https://github.com/fatiherikli/react-designer) - Easy to configure, lightweight, editable vector graphics in your react components.

# UI Layout

*Components to layout the app's UI*

- [rgx](https://github.com/jxnblk/rgx) - React grid system based on minimum and maximum widths.
- [react-flexbox](https://github.com/tcoopman/react-flexbox) - React flexbox implementation.
- [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin) - A React.js mixin for using @desandro's Masonry.
- [react-inline-grid](https://github.com/broucz/react-inline-grid) - Predictable flexbox based grid for React.
- [react-layout-components](https://github.com/rofrischmann/react-layout-components) - Layout Components for React based on Flexbox.
- [react-grid-layout](https://github.com/STRML/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React.
- [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - A React.js component for using @desandro's Masonry.
- [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid) - A set of React components implementing flexboxgrid with the power of CSS Modules.
- [react-stonecutter](https://github.com/dantrain/react-stonecutter) - Animated grid layout component for React.
- [flexbox-react](https://github.com/nachoaIvarez/flexbox-react) Unopinionated, standard compliant flexbox components. You don't need to learn any propietary syntax. If you know how to use flexbox, you know how to use flexbox-react components.

# UI Animation

*Animate transitions*

- [react-tween-state](https://github.com/chenglou/react-tween-state) - React animation.
- [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems.
- [react-transitive-number](https://github.com/Lapple/react-transitive-number) - React component to apply transition effect to numeric strings, a la old Groupon timers.
- [react-spark-scroll](https://github.com/gilbox/react-spark-scroll) - Scroll-based actions and animations for react.
- [react-motion-ui-pack](https://github.com/souporserious/react-motion-ui-pack) - Wrapper component around React Motion for easier UI transitions.
- [react-magic-move](https://github.com/ryanflorence/react-magic-move) - MagicMove for React.js.
- [velocity-react](https://github.com/twitter-fabric/velocity-react) - React components for Velocity.js.
- [react-track](https://github.com/gilbox/react-track) - Track the position of DOM elements. Create cool animations.
- [rc-animate](https://github.com/react-component/animate) - Anim react element easily.
- [react-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion.
- [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer) - Use the full power of React and GSAP together.
- [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - A React.js wrapper component to animate the line stroke in SVGs.
- [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
- [react.animate](https://github.com/Nutelac/react.animate) - State animation plugin for react.js.

###### Parallax

- [react-atv-img](https://github.com/keyanzhang/react-atv-img) - A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React.

# UI Frameworks

### Mobile Frameworks

- [onsenui](https://github.com/OnsenUI/OnsenUI) - Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components.
- [reactionic](https://github.com/reactionic/reactionic) - React Ionic.
- [touchstonejs](https://github.com/touchstonejs/touchstonejs) - Mobile App Framework powered by React.

### UI Frameworks

- [elemental](https://github.com/elementalui/elemental) - A flexible and beautiful UI framework for React.js.
- [rctui](https://github.com/Lobos/react-ui) - A collection of components for React.
- [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX.
- [react-uikit-components](https://github.com/otissv/react-uikit-components) - React UIkit Components for the UIKit CSS framework.
- [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
- [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI Components.
- [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React.
- [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications.

###### Bootstrap

- [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap 3 components built with React.
- [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components.

###### Material Design

- [react-mdl](https://github.com/tleunen/react-mdl) - React Components for Material Design Lite.
- [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss.
- [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design specification with the power of CSS Modules.
- [react-material](https://github.com/BerkeleyTrue/react-material) - Material design components written with React.js and React Style.
- [material-ui](https://github.com/callemall/material-ui) - React Components that Implement Google's Material Design.
- [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework.

# UI Utilites

### Reporter

*Report computed styles*

###### Visibility Reporter

*Report when a component becomes visible/hidden*

- [react-waypoint](https://github.com/brigade/react-waypoint) - A React component to execute a function whenever you scroll to an element.
- [react-visibility-sensor](https://github.com/joshwnj/react-visibility-sensor) - Sensor component for React that notifies you when it goes in or out of the window viewport.

###### Measurement Reporter

*Determine and report measurements of an element*

- [react-measure](https://github.com/souporserious/react-measure) - Compute measurements of a React component.
- [react-height](https://github.com/nkbt/react-height) - Component-wrapper to determine and report children elements height.
- [react-height-reporter](https://github.com/berrtech/react-height-reporter) - React component-wrapper detecting height changes of it's children.
- [react-dimensions](https://github.com/digidem/react-dimensions) - React higher-order component to get dimensions of container.

### Portal

*Render React DOM into a new context (aka "Portal")*

- [react-portal](https://github.com/tajo/react-portal) - React component for transportation of modals, lightboxes, loading bars... to document.body.

### Device Events

###### Keyboard Events

- [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components.
- [react-hotkeys](https://github.com/chrisui/react-hotkeys) - Declarative hotkey and focus area management for React.

###### Scroll Events

- [react-scroll-components](https://github.com/jeroencoumans/react-scroll-components) - A set of components that react to page scrolling.

###### Touch Events

- [react-hammerjs](https://github.com/JedWatson/react-hammerjs) - ReactJS / HammerJS integration. Support touch events in your React app.
- [react-tappable](https://github.com/JedWatson/react-tappable) - Tappable component for React.

###### Mouse Events

- [react-aim](https://github.com/gabrielbull/react-aim) - Determine the cursor aim for triggering mouse events.

### Test User Behavior

*A/B tests, experiments, ...*

- [react-ab](https://github.com/olahol/react-ab) - Simple declarative and universal A/B testing component for React.
- [react-experiments](https://github.com/HubSpot/react-experiments) - React components for implementing UI experiments.

### Set children of

- [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React.
- [react-document-title](https://github.com/gaearon/react-document-title) - Declarative, nested, stateful, isomorphic document.title for React.
- [react-document-meta](https://github.com/kodyl/react-document-meta) - HTML meta tags for React-based apps. Works for both client- and server-side rendering, and has a strict but flexible API.

# Code Design

*Libraries that help with code design*

###### Data Store

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

- [react-redux](https://github.com/reactjs/react-redux) - Official React bindings for Redux.
- [fluorine-lib](https://github.com/philpl/fluorine) - Reactive state and side effect management for React using a single stream of actions.
- [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions) - Redux higher order reducer + action to reduce actions under a single subscriber notification.
- [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application.
- [shasta](https://github.com/shastajs/shasta) - Dead simple + opinionated toolkit for building redux/react applications.
- [react-redux-provide](https://github.com/loggur/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.
- [redux-batched-subscribe](https://github.com/tappleby/redux-batched-subscribe) - Store enhancer for which allows batching subscribe notifications.
- [reflux](https://github.com/reflux/refluxjs) - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux.
- [fluxxor](https://github.com/BinaryMuse/fluxxor) - Flux architecture tools for React.
- [dispatchr](https://github.com/yahoo/fluxible) - A pluggable container for universal flux applications.
- [alt](https://github.com/goatslacker/alt) - Isomorphic flux implementation.
- [baobab-react](https://github.com/Yomguithereal/baobab-react) - React integration for Baobab.
- [reselect](https://github.com/reactjs/reselect) - Selector library for Redux.
- [react-controllables](https://github.com/matthewwithanm/react-controllables) - Easily create controllable components.
- [recompose](https://github.com/acdlite/recompose) - A React utility belt for function components and higher-order components.
- [redux-ui](https://github.com/tonyhb/redux-ui) - Easy UI state management for react redux.
- [redux](https://github.com/reactjs/redux) - Predictable state container for JavaScript apps.

###### Form Logic

- [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema.
- [react-validation-mixin](https://github.com/jurassix/react-validation-mixin) - Simple validation mixin (HoC) for React.
- [newforms](https://github.com/insin/newforms) - INACTIVE] Isomorphic form-handling for React.
- [formsy-react](https://github.com/christianalfoni/formsy-react) - A form input builder and validator for React JS.
- [redux-form](https://github.com/erikras/redux-form) - A Higher Order Component using react-redux to keep form state in a Redux store.
- [winterfell](https://github.com/andrewhathaway/Winterfell) - Generate complex, validated and extendable JSON-based forms in React.
- [react-redux-form](https://github.com/davidkpiano/react-redux-form) - Create forms easily in React with Redux.
- [tcomb-form](https://github.com/gcanti/tcomb-form) - Forms library for react.
- [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema.

###### Router

- [react-router](https://github.com/reactjs/react-router) - A complete routing library for React.
- [react-router-component](https://github.com/STRML/react-router-component) - Declarative router component for React.
- [redux-router](https://github.com/acdlite/redux-router) - Redux bindings for React Router – keep your router state inside your Redux store.
- [react-router-scroll](https://github.com/taion/react-router-scroll) - React Router scroll management.
- [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps.
- [rrtr](https://github.com/taion/rrtr) - A complete routing solution for React.js.
- [react-router-redux](https://github.com/reactjs/react-router-redux) - Ruthlessly simple bindings to keep react-router and redux in sync.
- [react-breadcrumbs](https://github.com/svenanders/react-breadcrumbs) - Automatic breadcrumbs for React-Router.
- [monorouter](https://github.com/matthewwithanm/monorouter) - An isomorphic JS router.

###### Props from server

*Component properties asynchronously fetched over the network*

- [react-async](https://github.com/andreypopp/react-async) - Asynchronously fetch data for React components.
- [redux-async-connect](https://github.com/Rezonans/redux-async-connect) - It allows you to request async data, store them in redux state and connect them to your react component.
- [async-props](https://github.com/ryanflorence/async-props) - Co-located data loading for React Router.
- [react-router-relay](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router.
- [redux-connect](https://github.com/makeomatic/redux-connect) - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React.
- [react-resolver](https://github.com/ericclemmons/react-resolver) - Async rendering & data-fetching for universal React applications.
- [react-refetch](https://github.com/heroku/react-refetch) - A simple, declarative, and composable way to fetch data for React components.
- [relay-nested-routes](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router.
- [redial](https://github.com/markdalgleish/redial) - Universal data fetching and route lifecycle management for React etc.

###### Communication with server

- [adrenaline](https://github.com/gyzerok/adrenaline) - Simple Relay alternative.
- [react-transmit](https://github.com/RickWong/react-transmit) - Relay-inspired library based on Promises instead of GraphQL.
- [apollo-client](https://github.com/apollostack/apollo-client) - A simple caching client for any GraphQL server and UI framework.
- [react-apollo](https://github.com/apollostack/react-apollo) - React data container for the Apollo Client.
- [react-relay](https://github.com/facebook/relay) - Relay is a JavaScript framework for building data-driven React applications.

###### CSS / Style

- [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design.
- [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components.
- [aphrodite](https://github.com/Khan/aphrodite) - It's inline styles, but they work!.
- [postcss-js](https://github.com/postcss/postcss-js) - PostCSS for React Inline Styles, Free Style and other CSS-in-JS.
- [react-inline-css](https://github.com/RickWong/react-inline-css) - Write CSS inside your React components!.
- [classnames](https://github.com/JedWatson/classnames) - A simple javascript utility for conditionally joining classNames together.
- [react-container-query](https://github.com/d6u/react-container-query) - Modular responsive component.
- [react-look](https://github.com/rofrischmann/react-look) - Advanced & Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools.
- [stilr](https://github.com/kodyl/stilr) - Encapsulated styling for your javascript components with all the power of javascript and CSS combined.
- [react-css-components](https://github.com/andreypopp/react-css-components) - Define React presentational components with CSS.
- [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects.

###### HTML Template

- [jsx-control-statements](https://github.com/AlexGilleran/jsx-control-statements) - Neater If and For for React JSX.
- [react-templates](https://github.com/wix/react-templates) - Light weight templates for react.
- [hyperx](https://github.com/substack/hyperx) - Tagged template string virtual dom builder.

###### Isomorphic Apps

- [hypernova](https://github.com/airbnb/hypernova) - A service for server-side rendering your JavaScript views.
- [react-server](https://github.com/redfin/react-server) - React framework with server render for blazing fast page load and seamless transitions between pages in the browser.
- [webpack-isomorphic-tools](https://github.com/halt-hammerzeit/webpack-isomorphic-tools) - Server-side rendering for your Webpack-built applications (e.g. React).
- [isomorphic-relay](https://github.com/denvned/isomorphic-relay) - Adds server side rendering support to React Relay.
- [rill](https://github.com/rill-js/rill) - Universal web application framework.
- [isomorphic-style-loader](https://github.com/kriasoft/isomorphic-style-loader) - Isomorphic CSS style loader for Webpack.

###### Boilerplate

*Boilerplates / scaffolds / starter kits / generators / stack ensembles*

- [create-react-app](https://github.com/facebookincubator/create-react-app) Create React apps with no build configuration.
- [redux-cli](https://github.com/SpencerCDixon/redux-cli) - An opinionated CLI for building redux/react apps quicker.
- [reactuate](https://github.com/reactuate/reactuate) - React/Redux stack (not a boilerplate kit).
- [essential-react](https://github.com/pheuter/essential-react) - A minimal skeleton for building testable React apps using Babel.
- [gluestick](https://github.com/TrueCar/gluestick) - GlueStick is a command line interface for quickly developing universal web applications using React and Redux.
- [relay-fullstack](https://github.com/lvarayut/relay-fullstack) - Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS.
- [universal-redux](https://github.com/bdefore/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](https://github.com/insin/nwb) - CLI tool and devDependency for React apps & components and npm modules.
- [react-redux-universal-hot-example](https://github.com/erikras/react-redux-universal-hot-example) - A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform.
- [generator-starhackit](https://github.com/FredericHeem/starhackit) - StarHackIt: React/Redux + Node full-stack starter kit with authentication and authorization, data backed by SQL.
- [react-isomorphic-starterkit](https://github.com/RickWong/react-isomorphic-starterkit) - Create an isomorphic React app in less than 5 minutes.
- [generator-react-webpack](https://github.com/react-webpack-generators/generator-react-webpack) - Yeoman generator for ReactJS and Webpack.
- [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate) - Live editing development on desktop app.
- [reactpack](https://github.com/olahol/reactpack) - Build your react apps with one command and one `npm i`.
- [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project.
- [generator-flux-on-rails](https://github.com/alexfedoseev/generator-flux-on-rails) - Scaffolder of universal Flux / Redux app, backed by Rails API.
- [roc](https://github.com/rocjs/roc) - Modern Application Development Ecosystem.
- [react-redux-starter-kit](https://github.com/davezuko/react-redux-starter-kit) - Get started with React, Redux, and React-Router!.

###### Miscellaneous

- [redux-auth-patch](https://github.com/lynndylanhurley/redux-auth) - Complete token authentication system for react + redux that supports isomorphic rendering.
- [redux-search](https://github.com/treasure-data/redux-search) - Redux bindings for client-side search.
- [react-inlinesvg](https://github.com/matthewwithanm/react-inlinesvg) - An SVG loader component for ReactJS.
- [tcomb-react](https://github.com/gcanti/tcomb-react) - Alternative syntax for PropTypes.

# Utilities

- [react-faux-dom](https://github.com/Olical/react-faux-dom) - DOM like structure that renders to React.
- [react-translate-component](https://github.com/martinandert/react-translate-component) - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content.
- [qrcode.react](https://github.com/zpao/qrcode.react) - A <QRCode/> component for use with React.
- [react-media](https://github.com/ReactTraining/react-media) A CSS media query component for React.

###### Framework bindings / integrations

- [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration.
- [react-famous](https://github.com/pilwon/react-famous) - React bridge to Famo.us.
- [react-canvas](https://github.com/Flipboard/react-canvas) - High performance <canvas> rendering for React components.
- [backbone-react-component](https://github.com/magalhas/backbone-react-component) - A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server.
- [elm-react-component](https://github.com/KtorZ/elm-react-component) - A React component which wraps an Elm module to be used in a React application.
- [react-three-renderer](https://github.com/toxicFork/react-three-renderer) - Render into a three.js canvas using React.
- [gl-react](https://github.com/ProjectSeptemberInc/gl-react) - OpenGL / WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm.
- [react-d3-library](https://github.com/react-d3-library/react-d3-library) - Open source library for using D3 in React.
- [gl-react-dom](https://github.com/ProjectSeptemberInc/gl-react-dom) - WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm.
- [react-on-rails](https://github.com/shakacode/react_on_rails) - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.
- [react-backbone](https://github.com/jhudson8/react-backbone) - Backbone-aware mixins for react and a whole lot more.
- [react-swf](https://github.com/syranide/react-swf) - Shockwave Flash Player component for React.
- [react-localstorage](https://github.com/STRML/react-localstorage) - Simple componentized localstorage implementation for Facebook's React.
- [reactive-elements](https://github.com/PixelsCommander/ReactiveElements) - Allows to use React.js component as HTML element (web component).
- [react-elm-components](https://github.com/evancz/react-elm-components) - Write React components in Elm.

###### Integrations with Third Party Services

- [react-stripe-checkout](https://github.com/azmenak/react-stripe-checkout) - Load stripe's checkout.js as a react component. Easiest way to use checkout with React.
- [react-google-analytics](https://github.com/hzdg/react-google-analytics) - Google analytics component.
- [react-recaptcha](https://github.com/appleboy/react-recaptcha) - A react.js reCAPTCHA for Google.

# Tests

- [ui-harness](https://github.com/philcockfield/ui-harness) - Create, isolate and test modular UI components in React.
- [redux-test-recorder](https://github.com/conorhastings/redux-test-recorder) - A redux middleware to automatically generate tests for reducers through ui interaction.
- [legit-tests](https://github.com/Legitcode/tests) - Chainable, easy to read, React testing library.
- [unexpected-react](https://github.com/bruderstein/unexpected-react) - Plugin for [unexpected]( to enable testing the full React virtual DOM, and also the shallow renderer.
- [chai-enzyme](https://github.com/producthunt/chai-enzyme) - Chai.js assertions and convenience functions for testing React Components with enzyme.
- [react-unit](https://github.com/pzavolinsky/react-unit) - Lightweight unit test library for ReactJS.
- [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React.
- [redux-ava](https://github.com/sotojuan/redux-ava) - Write AVA tests for redux pretty quickly.
- [carte-blanche](https://github.com/carteb/carte-blanche) - An isolated development space with integrated fuzz testing for your components. See them individually, explore them in different states and quickly and confidently develop them.

# Performance

### UI

- [react-fastclick](https://github.com/JakeSidSmith/react-fastclick) - Fast Touch Events for React.
- [react-static-container](https://github.com/reactjs/react-static-container) - Renders static content efficiently by allowing React to short-circuit the reconciliation process.
- [inferno](https://github.com/trueadm/inferno) - An extremely fast, React-like JavaScript library for building modern user interfaces.

###### Inspect

- [why-did-you-update](https://github.com/garbles/why-did-you-update) - Puts your console on blast when React is making unnecessary updates.
- [react-perf-tool](https://github.com/RamonGebben/react-perf-tool) - Debug performance of your React application.
- [react-render-visualizer](https://github.com/redsunsoft/react-render-visualizer) - Render visualizer for ReactJS.

###### Lazy Load

- [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance.
- [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations.
- [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView.
- [react-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements.
- [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data.
- [react-lazy-load](https://github.com/loktar00/react-lazy-load) - React component that renders children elements when they enter the viewport.

### App Size

- [babel-plugin-transform-react-remove-prop-types](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types) - Remove unnecessary React propTypes from the production build.
- [react-lite](https://github.com/Lucifier129/react-lite) - An implementation of React that optimizes for small script size.

# Dev Tools

###### Redux

- [redux-devtools-inspector](https://github.com/alexkuz/redux-devtools-inspector) - Another Redux DevTools Monitor.
- [redux-devtools-chart-monitor](https://github.com/romseguy/redux-devtools-chart-monitor) - A chart monitor for Redux DevTools.
- [redux-devtools-dock-monitor](https://github.com/gaearon/redux-devtools-dock-monitor) - A resizable and movable dock for Redux DevTools monitors.
- [redux-devtools-filterable-log-monitor](https://github.com/bvaughn/redux-devtools-filterable-log-monitor) - Filterable tree view monitor for Redux DevTools.
- [redux-devtools-log-monitor](https://github.com/gaearon/redux-devtools-log-monitor) - The default monitor for Redux DevTools with a tree view.
- [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools) - Redux DevTools remotely.
- [redux-devtools](https://github.com/gaearon/redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI.

###### Inspect

- [react-inspector](https://github.com/xyc/react-inspector) - Power of Browser DevTools inspectors right inside your React app.
- [react-json-inspector](https://github.com/Lapple/react-json-inspector) - React JSON inspector component.
- [reactotron](https://github.com/reactotron/reactotron) - A CLI and OS X app for inspecting your React JS and React Native apps.

###### Miscellaneous

- [react-atellier](https://github.com/scup/atellier) - The smartest way to share interactive components with your team.
- [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide.
- [cosmos-js](https://github.com/skidding/cosmos) - DX tool for designing truly encapsulated React components.
- [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading.

# Miscellaneous

- [structor](https://github.com/ipselon/structor) - An advanced GUI editor for React.
- [react-blessed](https://github.com/Yomguithereal/react-blessed) - A react renderer for blessed.
- [react-komik](https://github.com/sonnylazuardi/react-komik) - ReactJS based comic strip creator using fabric.js canvas rendering.
- [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator.
- [redux-segment](https://github.com/rangle/redux-segment) - Segment.io analytics integration for redux.
- [mozaik](https://github.com/plouc/mozaik) - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.
- [htmltojsx](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React. It's magic!.
- [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10.
- [react-bash](https://github.com/zackargyle/react-bash) - A configurable/extendable bash terminal React component.
- [html-to-react-components](https://github.com/roman01la/html-to-react-components) - Extract annotated portions of HTML into React components as separate modules.
- [react-joyride](https://github.com/gilbarbara/react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.

###### Static Website Generator

- [gatsby](https://github.com/gatsbyjs/gatsby) - Transform plain text into dynamic blogs and websites using React.js.
- [phenomic](https://github.com/MoOx/phenomic) - Modern static* website generator based on the React and Webpack ecosystem.
- [sitegen](https://github.com/andreypopp/sitegen) - Generate websites by composing React components.