{"id":13983213,"url":"https://github.com/sheep0704/awesome-react-components-all","last_synced_at":"2025-07-18T22:33:58.694Z","repository":{"id":72901557,"uuid":"68594198","full_name":"sheep0704/awesome-react-components-all","owner":"sheep0704","description":"Catalog of React components / libraries / React 学习大全","archived":false,"fork":false,"pushed_at":"2019-06-11T06:59:02.000Z","size":43,"stargazers_count":4,"open_issues_count":0,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-16T10:10:23.443Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sheep0704.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-09-19T10:12:38.000Z","updated_at":"2020-07-13T18:04:24.000Z","dependencies_parsed_at":"2023-05-26T00:45:32.320Z","dependency_job_id":null,"html_url":"https://github.com/sheep0704/awesome-react-components-all","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sheep0704/awesome-react-components-all","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheep0704%2Fawesome-react-components-all","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheep0704%2Fawesome-react-components-all/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheep0704%2Fawesome-react-components-all/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheep0704%2Fawesome-react-components-all/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sheep0704","download_url":"https://codeload.github.com/sheep0704/awesome-react-components-all/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheep0704%2Fawesome-react-components-all/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265846868,"owners_count":23838159,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-09T05:01:40.807Z","updated_at":"2025-07-18T22:33:58.673Z","avatar_url":"https://github.com/sheep0704.png","language":null,"funding_links":[],"categories":["Programming Language Lists"],"sub_categories":["JavaScript Lists"],"readme":"\n\u003chr/\u003e\n\n有兴趣的可以关注【Python2048】 公众号\u003cbr/\u003e\n分享技术、灰色产业、职业规划、赚钱之道、逆向破解等趣事……\n\n\u003cimg src=\"https://github.com/sheep0704/IOSIphoneHttps/blob/master/python2048.jpg\" width=\"300\" height=\"300\"\u003e\n\n\n\u003chr/\u003e\n\n# awesome-react-components-all\n\nCatalog of React components / libraries / React 学习大全 -\u003e KARL-Dujinyang  \n\nLang -\u003e 2016 React动态更新\n\nKarl-dujinyang -\u003e React大全，Star,Fork备用。 \n\n\n# React Components Catalog\n\n\n\u003e Catalog of React components / libraries\n\n - Dedicated interface at [`devarchy.com/react-components`](http://devarchy.com/react-components)\n - Contributions welcome, see [contribution guide](contributing.md)\n\n\u003cbr/\u003e\n\n#### Contents\n- [UI Components](#ui-components)\n- [UI Layout](#ui-layout)\n- [UI Animation](#ui-animation)\n- [UI Frameworks](#ui-frameworks)\n- [UI Utilites](#ui-utilites)\n- [Code Design](#code-design)\n- [Utilities](#utilities)\n- [Tests](#tests)\n- [Performance](#performance)\n- [Dev Tools](#dev-tools)\n- [Miscellaneous](#miscellaneous-4)\n\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\n\n# UI Components\n\n\n###### Table / Data Grid\n\n - [reactable](https://github.com/glittershark/reactable) - Fast, flexible, and simple data tables in React.\n - [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.\n - [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple Grid Component written in React.\n - [react-datagrid](https://github.com/zippyui/react-datagrid) - A carefully crafted DataGrid for React.\n - [react-data-components](https://github.com/carlosrocha/react-data-components) - React components for sorting, filtering and pagination of data.\n - [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table) - It\u0026#39;s a react table for bootstrap.\n - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid component built with React, with editors, keyboard navigation, copy \u0026amp; paste, and the like.\n - [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.\n - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React.\n\n\n###### Infinite Scroll\n\n - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance.\n - [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations.\n - [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView.\n - [react-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements.\n - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component.\n - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data.\n\n\n###### Modals\n\n*Display overlay / modal / dialog*\n\n - [react-dock](https://github.com/alexkuz/react-dock) - Resizable dockable react component.\n - [react-overlays](https://github.com/react-bootstrap/react-overlays) - Utilities for creating robust overlay components.\n - [boron](https://github.com/yuanyan/boron) - A collection of dialog animations with React.js.\n - [react-modal2](https://github.com/cloudflare/react-modal2) - Simple modal component for React.\n - [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React.\n - [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs.\n - [rodal](https://github.com/chenjiahan/rodal) - A React modal with animations.\n\n\n###### Notification\n\n*A temporary little modal to notify the user*\n\n - [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React.\n - [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React.\n - [react-s-alert](https://github.com/juliancwirko/react-s-alert) - Alerts / Notifications for React with rich configuration options.\n - [react-crouton](https://github.com/xeodou/react-crouton) - A message component for reactjs.\n\n\n###### Tooltips\n\n - [react-tooltip](https://github.com/wwayne/react-tooltip) - React tooltip component.\n - [rc-tooltip](https://github.com/react-component/tooltip) - React Tooltip.\n\n\n###### Menu\n\n*Menus / Sidebars*\n\n - [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.\n - [react-sidebar](https://github.com/balloob/react-sidebar) - A sidebar component for React.\n - [react-motion-menu](https://github.com/bokuweb/react-motion-menu) - Motion menu component powered by React Motion.\n - [react-offcanvas](https://github.com/vutran/react-offcanvas) - Off-canvas menus for React.\n - [react-tree-menu](https://github.com/MandarinConLaBarba/react-tree-menu) - A stateless tree menu component for React.\n - [react-metismenu](https://github.com/alpertuna/react-metismenu) - A ready-to-use menu component for React.\n\n\n###### Sticky\n\n*Implementations similar to `position: sticky`*\n\n - [react-sticky](https://github.com/captivationsoftware/react-sticky) - \u0026lt;Sticky /\u0026gt; component for awesome React apps.\n - [react-headroom](https://github.com/KyleAMathews/react-headroom) - Hide your header until you need it.\n - [react-listview-sticky-header](https://github.com/cht8687/react-listview-sticky-header) - React listview with sticky section header.\n\n\n###### Tabs\n\n - [react-tabs](https://github.com/reactjs/react-tabs) - React tabs component.\n - [react-simpletabs](https://github.com/pedronauck/react-simpletabs) - Just a simple tabs component built with React.\n\n\n###### Loading / Progress Indicators\n\n*Let the user know that something is being loaded*\n\n - [halogen](https://github.com/yuanyan/halogen) - A collection of loading spinners with React.js.\n - [react-ladda](https://github.com/jsdir/react-ladda) - React wrapper for Ladda buttons.\n - [react-progress-button](https://github.com/mathieudutour/react-progress-button) - Simple react.js component for an inline progress indicator.\n - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded.\n - [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React.\n - [react-progress-label](https://github.com/wangzuo/react-progress-label) - Progress label component.\n\n\n###### Carousels\n\n - [react-slick](https://github.com/akiran/react-slick) - React carousel component.\n\n\n###### Collapse\n\n - [react-collapse](https://github.com/nkbt/react-collapse) - Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height.\n\n\n###### Charts\n\n*Displays data in graphs / diagrams*\n\n - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js.\n - [d3-react-squared](https://github.com/bgrsquared/d3-react-squared) - Lightweight event system for (d3) charts and other components for ReactJS.\n - [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components for React.\n - [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3.\n - [react-chartjs](https://github.com/reactjs/react-chartjs) - Common react charting components using chart.js.\n - [react-dazzle](https://github.com/Raathigesh/Dazzle) - Dashboards made easy in React JS.\n - [react-vis](https://github.com/uber/react-vis) - Data visualization library based on React and d3.\n - [react-sparkline](https://github.com/KyleAMathews/react-sparkline) - React component for rendering simple sparklines.\n - [react-sparklines](https://github.com/borisyankov/react-sparklines) - Beautiful and expressive Sparklines React component.\n - [rumble-charts](https://github.com/RumbleInc/rumble-js-charts) - React components for building composable and flexible charts.\n - [react-micro-bar-chart](https://github.com/KyleAMathews/react-micro-bar-chart) - React component for micro bar-charts rendered with D3.\n\n\n###### Display a Tree Data Structure\n\n - [react-treeview](https://github.com/chenglou/react-treeview) - Easy, light, flexible tree view made with React.\n - [react-ui-tree](https://github.com/pqx/react-ui-tree) - React tree component.\n - [react-treebeard](https://github.com/alexcurtis/react-treebeard) - React Tree View Component. Data-Driven, Fast, Efficient and Customisable.\n\n\n###### UI Navigation\n\n*Ways to navigate views*\n\n - [react-scroll](https://github.com/fisshy/react-scroll) - React scroll component.\n - [react-swipe-views](https://github.com/damusnet/react-swipe-views) - A React Component for binded Tabs and Swipeable Views.\n\n\n###### Custom Scrollbar\n\n - [react-custom-scrollbars](https://github.com/malte-wessel/react-custom-scrollbars) - React scrollbars component.\n - [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React.\n - [react-smooth-scrollbar](https://github.com/idiotWu/react-smooth-scrollbar) - React implementation of smooth-scrollbar.\n - [react-gemini-scrollbar](https://github.com/noeldelgado/react-gemini-scrollbar) - React component for custom overlay-scrollbars with native scrolling mechanism.\n - [react-custom-scroll](https://github.com/rommguy/react-custom-scroll) - Easily customize the browser scroll bar with native OS scroll behavior.\n\n\n###### Media\n\n*Audio / Video*\n\n - [react-player](https://github.com/CookPete/react-player) - A react component for playing a variety of URLs, including file paths, YouTube, SoundCloud and Vimeo.\n - [react-youtube](https://github.com/troybetz/react-youtube) - React.js powered YouTube player component.\n - [react-soundplayer](https://github.com/soundblogs/react-soundplayer) - Create custom SoundCloud players with React.\n - [react-video](https://github.com/pedronauck/react-video) - React component to load video from Vimeo or Youtube across any device.\n - [react-music](https://github.com/FormidableLabs/react-music) - Make beats with React.\n - [react-dailymotion](https://github.com/u-wave/react-dailymotion) - Dailymotion player component for React.\n\n\n###### Map\n\n - [react-gmaps](https://github.com/MicheleBertoli/react-gmaps) - A Google Maps component for React.js.\n - [google-map-react](https://github.com/istarkov/google-map-react) - Universal google map react component, allows render react components on the google map.\n - [react-googlemaps](https://github.com/pieterv/react-googlemaps) - A declarative React interface to Google Maps.\n - [react-leaflet](https://github.com/PaulLeCam/react-leaflet) - React components for Leaflet maps.\n - [react-geosuggest](https://github.com/ubilabs/react-geosuggest) - A React autosuggest for the Google Maps Places API.\n - [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js and overlay API.\n\n\n###### Display time / date / age\n\n - [react-time](https://github.com/andreypopp/react-time) - Component for React to render relative and/or formatted dates into \u0026lt;time\u0026gt; HTML5 element.\n - [react-timeago](https://github.com/nmn/react-timeago) - A simple time-ago component for ReactJs.\n\n\n###### Photo / Image Gallery\n\n - [react-image-gallery](https://github.com/xiaolin/react-image-gallery) - Responsive image gallery, carousel, image slider react component.\n - [react-images](https://github.com/jossmac/react-images) - A simple lightbox component for displaying an array of images.\n - [react-photo-gallery](https://github.com/neptunian/react-photo-gallery) - Responsive React Photo Gallery.\n\n\n###### Touch Swipe\n\n - [react-swipe](https://github.com/voronianski/react-swipe) - Swipe.js as a React component.\n\n\n###### Miscellaneous\n\n - [react-timesheet](https://github.com/yuanyan/react-timesheet) - Time Sheet Component for React.\n - [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.\n - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds.\n - [react-markdown](https://github.com/rexxars/react-markdown) - Render Markdown as React components.\n - [react-split-pane](https://github.com/tomkp/react-split-pane) - React split-pane component.\n - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography.\n - [react-paginate](https://github.com/AdeleD/react-paginate) - A ReactJS component that creates a pagination.\n - [react-json-tree](https://github.com/alexkuz/react-json-tree) - React JSON Viewer Component, Extracted from redux-devtools.\n - [react-icons](https://github.com/gorangajic/react-icons) - Svg react icons of popular icon packs using ES6 imports.\n - [react-emoji](https://github.com/banyan/react-emoji) - An emoji mixin for React.\n - [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - Resizable and movable component for React.\n - [react-dnr](https://github.com/yongxu/react-DnR) - Dragable and Resizable window build with React.js.\n - [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - Resizable component for React. #reactjs.\n - [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.\n - [react-star-rating](https://github.com/cameronroe/react-star-rating) - A simple star rating component built with React.\n - [react-star-rating-input](https://github.com/ikr/react-star-rating-input) - React.js component for entering 0-5 (or more) stars.\n - [react-pagespeed-score](https://github.com/cauealves/react-pagespeed-score) - A React component for display a dial-type chart of PageSpeed Insights.\n - [react-autolink](https://github.com/banyan/react-autolink) - An autolink mixin for React.\n\n\n### Component Collections\n\n - [dataminr-react-components](https://github.com/dataminr/react-components) - Collection of reusable React Components and utility functions.\n - [react-components](https://github.com/Khan/react-components) - React components used by Khan Academy.\n\n\n### Form Components\n\n*Let the user enter data*\n\n\n###### Date / Time picker\n\n - [react-date-picker](https://github.com/zippyui/react-date-picker) - A carefully crafted date picker for React.\n - [react-datepicker](https://github.com/Hacker0x01/react-datepicker) - A simple and reusable datepicker component for React.\n - [rc-calendar](https://github.com/react-component/calendar) - React Calendar.\n - [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges.\n - [react-day-picker](https://github.com/gpbl/react-day-picker) - Flexible date picker for React.\n - [react-daterange-picker](https://github.com/onefinestay/react-daterange-picker) - A React based date range picker.\n - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component.\n - [react-calendar](https://github.com/freiksenet/react-calendar) - A modular toolkit to build calendar-related things in React.\n - [input-moment](https://github.com/wangzuo/input-moment) - React datetime picker powered by momentjs.\n - [react-datetime](https://github.com/YouCanBookMe/react-datetime) - A lightweight but complete datetime picker react component.\n - [react-bootstrap-datetimepicker](https://github.com/quri/react-bootstrap-datetimepicker) - A react.js datetime picker for bootstrap.\n - [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.\n - [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Gcal/outlook like calendar component.\n - [react-date-select](https://github.com/JedWatson/react-date-select) - A React Date Select / Picker Input Component.\n - [react-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.\n\n\n###### Rich Text Editing\n\n - [react-quill](https://github.com/zenoamaro/react-quill) - A Quill component for React.\n - [react-ace](https://github.com/securingsincity/react-ace) - React Ace Component.\n - [react-contenteditable](https://github.com/lovasoa/react-contenteditable) - React component for a div with editable contents.\n - [react-codemirror](https://github.com/JedWatson/react-codemirror) - Codemirror Component for React.js.\n - [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - React wrapper for medium-editor.\n - [draft-js](https://github.com/facebook/draft-js) - A React framework for building text editors.\n - [ritzy](https://github.com/ritzyed/ritzy) - Collaborative web-based rich text editor.\n\n\n###### Sortable List\n\n*Let the user define an order on a list*\n\n - [sortablejs](https://github.com/RubaXa/Sortable) - Sortable \u0026mdash; 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.\n - [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable) - A ReactJS component that can sort any children with touch support and IE8 compatibility.\n - [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.\n - [react-sortable](https://github.com/danielstocks/react-sortable) - A sortable list component built with React.\n\n\n###### Drag and Drop\n\n - [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component.\n - [react-dnd-touch-backend](https://github.com/yahoo/react-dnd-touch-backend) - Touch Backend for react-dnd.\n - [react-dropzone](https://github.com/okonet/react-dropzone) - Simple HTML5 drag-drop zone with React.js.\n - [react-dnd](https://github.com/gaearon/react-dnd) - Drag and Drop for React.\n - [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - Sortable and resizable pane component for React.\n\n\n###### Autocomplete\n\n*Autosuggest / autocomplete / typeahead*\n\n - [react-autosuggest](https://github.com/moroshko/react-autosuggest) - WAI-ARIA compliant React autosuggest component.\n - [react-typeahead](https://github.com/fmoo/react-typeahead) - Pure react-based typeahead and typeahead-tokenizer.\n - [react-typeahead-component](https://github.com/ezequiel/react-typeahead-component) - Typeahead, written using the React.js library.\n\n\n###### Select\n\n - [react-selectize](https://github.com/furqanZafar/react-selectize) - A Stateless \u0026amp; Flexible Select component for React inspired by Selectize.\n - [react-aria-menubutton](https://github.com/davidtheclark/react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button.\n - [react-select](https://github.com/JedWatson/react-select) - A Select control built with and for React JS.\n - [react-select-box](https://github.com/instructure-react/react-select-box) - An accessible select box component for React.\n\n\n###### Color Picker\n\n - [react-input-color](https://github.com/wangzuo/react-input-color) - React input color component with hsv color picker.\n - [react-color](https://github.com/casesandberg/react-color) - Color Pickers from Sketch, Photoshop, Chrome \u0026 more.\n\n\n###### Toggle\n\n - [react-toggle](https://github.com/instructure-react/react-toggle) - An elegant, accessible toggle component for React. Also a glorified checkbox.\n - [react-ios-switch](https://github.com/clari/react-ios-switch) - React switch component.\n\n\n###### Slider\n\n - [rc-slider](https://github.com/react-component/slider) - React Slider.\n - [react-slider](https://github.com/mpowaga/react-slider) - Slider component for React.\n\n\n###### Radio buttons\n\n - [react-radio-group](https://github.com/chenglou/react-radio-group) - Better radio buttons.\n\n\n###### Type Select\n\n*Let the user select a tag / something while typing*\n\n - [react-tagsinput](https://github.com/olahol/react-tagsinput) - A simple react component for inputing tags.\n - [react-tag-input](https://github.com/prakhar1989/react-tags) - A fantastically simple tagging component for your React projects.\n - [react-mentions](https://github.com/effektif/react-mentions) - Mention people in a textarea.\n - [react-tokeninput](https://github.com/instructure-react/react-tokeninput) - Tokeninput component for React.\n\n\n###### Masked Input\n\n - [react-input-mask](https://github.com/sanniassin/react-input-mask) - Yet another react component for input masking.\n - [react-maskedinput](https://github.com/insin/react-maskedinput) - Masked \u0026lt;input/\u0026gt; React component.\n - [react-text-mask](https://github.com/msafi/text-mask) - Input mask for React, Angular, and vanilla JavaScript. Flexible, robust \u0026amp; tiny.\n\n\n###### Autosize Input / Textarea\n\n - [react-input-autosize](https://github.com/JedWatson/react-input-autosize) - Auto-resizing input field for React.\n - [react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize) - \u0026lt;textarea /\u0026gt; component for React which grows with content.\n\n\n###### Image Editing\n\n - [react-avatar-cropper](https://github.com/DropsOfSerenity/react-avatar-cropper) - Aiming to be a complete solution for avatar cropping in react.\n - [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.\n - [react-image-crop](https://github.com/DominicTobias/react-image-crop) - A responsive image cropping tool for React.\n\n\n###### Markdown Editor\n\n - [react-md-editor](https://github.com/JedWatson/react-md-editor) - React.js Markdown Editor Component.\n - [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor) - A markdown editor using React/Reflux.\n\n\n###### Form Component Collections\n\n - [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.\n - [formsy-material-ui](https://github.com/mbrookes/formsy-material-ui) - A Formsy compatibility wrapper for Material-UI form components.\n - [react-input-enhancements](https://github.com/alexkuz/react-input-enhancements) - Set of enhancements for input control.\n - [react-widgets](https://github.com/jquense/react-widgets) - An \u0026agrave; la carte set of polished, extensible, and accessible inputs built for React.\n\n\n###### Miscellaneous\n\n - [react-designer](https://github.com/fatiherikli/react-designer) - Easy to configure, lightweight, editable vector graphics in your react components.\n\n\n# UI Layout\n\n*Components to layout the app's UI*\n\n - [rgx](https://github.com/jxnblk/rgx) - React grid system based on minimum and maximum widths.\n - [react-flexbox](https://github.com/tcoopman/react-flexbox) - React flexbox implementation.\n - [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin) - A React.js mixin for using @desandro\u0026#39;s Masonry.\n - [react-inline-grid](https://github.com/broucz/react-inline-grid) - Predictable flexbox based grid for React.\n - [react-layout-components](https://github.com/rofrischmann/react-layout-components) - Layout Components for React based on Flexbox.\n - [react-grid-layout](https://github.com/STRML/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React.\n - [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - A React.js component for using @desandro\u0026#39;s Masonry.\n - [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid) - A set of React components implementing flexboxgrid with the power of CSS Modules.\n - [react-stonecutter](https://github.com/dantrain/react-stonecutter) - Animated grid layout component for React.\n - [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.\n\n\n# UI Animation\n\n*Animate transitions*\n\n - [react-tween-state](https://github.com/chenglou/react-tween-state) - React animation.\n - [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems.\n - [react-transitive-number](https://github.com/Lapple/react-transitive-number) - React component to apply transition effect to numeric strings, a la old Groupon timers.\n - [react-spark-scroll](https://github.com/gilbox/react-spark-scroll) - Scroll-based actions and animations for react.\n - [react-motion-ui-pack](https://github.com/souporserious/react-motion-ui-pack) - Wrapper component around React Motion for easier UI transitions.\n - [react-magic-move](https://github.com/ryanflorence/react-magic-move) - MagicMove for React.js.\n - [velocity-react](https://github.com/twitter-fabric/velocity-react) - React components for Velocity.js.\n - [react-track](https://github.com/gilbox/react-track) - Track the position of DOM elements. Create cool animations.\n - [rc-animate](https://github.com/react-component/animate) - Anim react element easily.\n - [react-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion.\n - [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer) - Use the full power of React and GSAP together.\n - [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - A React.js wrapper component to animate the line stroke in SVGs.\n - [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.\n - [react.animate](https://github.com/Nutelac/react.animate) - State animation plugin for react.js.\n\n\n###### Parallax\n\n - [react-atv-img](https://github.com/keyanzhang/react-atv-img) - A port of @drewwilson\u0026rsquo;s atvImg (Apple TV 3D parallax effect) library in React.\n\n\n# UI Frameworks\n\n\n### Mobile Frameworks\n\n - [onsenui](https://github.com/OnsenUI/OnsenUI) - Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components.\n - [reactionic](https://github.com/reactionic/reactionic) - React Ionic.\n - [touchstonejs](https://github.com/touchstonejs/touchstonejs) - Mobile App Framework powered by React.\n\n\n### UI Frameworks\n\n - [elemental](https://github.com/elementalui/elemental) - A flexible and beautiful UI framework for React.js.\n - [rctui](https://github.com/Lobos/react-ui) - A collection of components for React.\n - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX.\n - [react-uikit-components](https://github.com/otissv/react-uikit-components) - React UIkit Components for the UIKit CSS framework.\n - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.\n - [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI Components.\n - [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React.\n - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications.\n\n\n###### Bootstrap\n\n - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap 3 components built with React.\n - [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components.\n\n\n###### Material Design\n\n - [react-mdl](https://github.com/tleunen/react-mdl) - React Components for Material Design Lite.\n - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss.\n - [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google\u0026#39;s Material Design specification with the power of CSS Modules.\n - [react-material](https://github.com/BerkeleyTrue/react-material) - Material design components written with React.js and React Style.\n - [material-ui](https://github.com/callemall/material-ui) - React Components that Implement Google\u0026#39;s Material Design.\n - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework.\n\n\n# UI Utilites\n\n\n### Reporter\n\n*Report computed styles*\n\n\n###### Visibility Reporter\n\n*Report when a component becomes visible/hidden*\n\n - [react-waypoint](https://github.com/brigade/react-waypoint) - A React component to execute a function whenever you scroll to an element.\n - [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.\n\n\n###### Measurement Reporter\n\n*Determine and report measurements of an element*\n\n - [react-measure](https://github.com/souporserious/react-measure) - Compute measurements of a React component.\n - [react-height](https://github.com/nkbt/react-height) - Component-wrapper to determine and report children elements height.\n - [react-height-reporter](https://github.com/berrtech/react-height-reporter) - React component-wrapper detecting height changes of it\u0026#39;s children.\n - [react-dimensions](https://github.com/digidem/react-dimensions) - React higher-order component to get dimensions of container.\n\n\n### Portal\n\n*Render React DOM into a new context (aka \"Portal\")*\n\n - [react-portal](https://github.com/tajo/react-portal) - React component for transportation of modals, lightboxes, loading bars... to document.body.\n\n\n### Device Events\n\n\n###### Keyboard Events\n\n - [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components.\n - [react-hotkeys](https://github.com/chrisui/react-hotkeys) - Declarative hotkey and focus area management for React.\n\n\n###### Scroll Events\n\n - [react-scroll-components](https://github.com/jeroencoumans/react-scroll-components) - A set of components that react to page scrolling.\n\n\n###### Touch Events\n\n - [react-hammerjs](https://github.com/JedWatson/react-hammerjs) - ReactJS / HammerJS integration. Support touch events in your React app.\n - [react-tappable](https://github.com/JedWatson/react-tappable) - Tappable component for React.\n\n\n###### Mouse Events\n\n - [react-aim](https://github.com/gabrielbull/react-aim) - Determine the cursor aim for triggering mouse events.\n\n\n### Test User Behavior\n\n*A/B tests, experiments, ...*\n\n - [react-ab](https://github.com/olahol/react-ab) - Simple declarative and universal A/B testing component for React.\n - [react-experiments](https://github.com/HubSpot/react-experiments) - React components for implementing UI experiments.\n\n\n### Set children of \u003chead\u003e\n\n - [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React.\n - [react-document-title](https://github.com/gaearon/react-document-title) - Declarative, nested, stateful, isomorphic document.title for React.\n - [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.\n\n\n# Code Design\n\n*Libraries that help with code design*\n\n\n###### Data Store\n\n*Data flow / data management / data stores / components state / data flow*\n\n - [react-redux](https://github.com/reactjs/react-redux) - Official React bindings for Redux.\n - [fluorine-lib](https://github.com/philpl/fluorine) - Reactive state and side effect management for React using a single stream of actions.\n - [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions) - Redux higher order reducer + action to reduce actions under a single subscriber notification.\n - [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application.\n - [shasta](https://github.com/shastajs/shasta) - Dead simple + opinionated toolkit for building redux/react applications.\n - [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.\n - [redux-batched-subscribe](https://github.com/tappleby/redux-batched-subscribe) - Store enhancer for which allows batching subscribe notifications.\n - [reflux](https://github.com/reflux/refluxjs) - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux.\n - [fluxxor](https://github.com/BinaryMuse/fluxxor) - Flux architecture tools for React.\n - [dispatchr](https://github.com/yahoo/fluxible) - A pluggable container for universal flux applications.\n - [alt](https://github.com/goatslacker/alt) - Isomorphic flux implementation.\n - [baobab-react](https://github.com/Yomguithereal/baobab-react) - React integration for Baobab.\n - [reselect](https://github.com/reactjs/reselect) - Selector library for Redux.\n - [react-controllables](https://github.com/matthewwithanm/react-controllables) - Easily create controllable components.\n - [recompose](https://github.com/acdlite/recompose) - A React utility belt for function components and higher-order components.\n - [redux-ui](https://github.com/tonyhb/redux-ui) - Easy UI state management for react redux.\n - [redux](https://github.com/reactjs/redux) - Predictable state container for JavaScript apps.\n\n\n###### Form Logic\n\n - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema.\n - [react-validation-mixin](https://github.com/jurassix/react-validation-mixin) - Simple validation mixin (HoC) for React.\n - [newforms](https://github.com/insin/newforms) - INACTIVE] Isomorphic form-handling for React.\n - [formsy-react](https://github.com/christianalfoni/formsy-react) - A form input builder and validator for React JS.\n - [redux-form](https://github.com/erikras/redux-form) - A Higher Order Component using react-redux to keep form state in a Redux store.\n - [winterfell](https://github.com/andrewhathaway/Winterfell) - Generate complex, validated and extendable JSON-based forms in React.\n - [react-redux-form](https://github.com/davidkpiano/react-redux-form) - Create forms easily in React with Redux.\n - [tcomb-form](https://github.com/gcanti/tcomb-form) - Forms library for react.\n - [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema.\n\n\n###### Router\n\n - [react-router](https://github.com/reactjs/react-router) - A complete routing library for React.\n - [react-router-component](https://github.com/STRML/react-router-component) - Declarative router component for React.\n - [redux-router](https://github.com/acdlite/redux-router) - Redux bindings for React Router \u0026ndash; keep your router state inside your Redux store.\n - [react-router-scroll](https://github.com/taion/react-router-scroll) - React Router scroll management.\n - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps.\n - [rrtr](https://github.com/taion/rrtr) - A complete routing solution for React.js.\n - [react-router-redux](https://github.com/reactjs/react-router-redux) - Ruthlessly simple bindings to keep react-router and redux in sync.\n - [react-breadcrumbs](https://github.com/svenanders/react-breadcrumbs) - Automatic breadcrumbs for React-Router.\n - [monorouter](https://github.com/matthewwithanm/monorouter) - An isomorphic JS router.\n\n\n###### Props from server\n\n*Component properties asynchronously fetched over the network*\n\n - [react-async](https://github.com/andreypopp/react-async) - Asynchronously fetch data for React components.\n - [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.\n - [async-props](https://github.com/ryanflorence/async-props) - Co-located data loading for React Router.\n - [react-router-relay](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router.\n - [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.\n - [react-resolver](https://github.com/ericclemmons/react-resolver) - Async rendering \u0026amp; data-fetching for universal React applications.\n - [react-refetch](https://github.com/heroku/react-refetch) - A simple, declarative, and composable way to fetch data for React components.\n - [relay-nested-routes](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router.\n - [redial](https://github.com/markdalgleish/redial) - Universal data fetching and route lifecycle management for React etc.\n\n\n###### Communication with server\n\n - [adrenaline](https://github.com/gyzerok/adrenaline) - Simple Relay alternative.\n - [react-transmit](https://github.com/RickWong/react-transmit) - Relay-inspired library based on Promises instead of GraphQL.\n - [apollo-client](https://github.com/apollostack/apollo-client) - A simple caching client for any GraphQL server and UI framework.\n - [react-apollo](https://github.com/apollostack/react-apollo) - React data container for the Apollo Client.\n - [react-relay](https://github.com/facebook/relay) - Relay is a JavaScript framework for building data-driven React applications.\n\n\n###### CSS / Style\n\n - [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design.\n - [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components.\n - [aphrodite](https://github.com/Khan/aphrodite) - It\u0026#39;s inline styles, but they work!.\n - [postcss-js](https://github.com/postcss/postcss-js) - PostCSS for React Inline Styles, Free Style and other CSS-in-JS.\n - [react-inline-css](https://github.com/RickWong/react-inline-css) - Write CSS inside your React components!.\n - [classnames](https://github.com/JedWatson/classnames) - A simple javascript utility for conditionally joining classNames together.\n - [react-container-query](https://github.com/d6u/react-container-query) - Modular responsive component.\n - [react-look](https://github.com/rofrischmann/react-look) - Advanced \u0026amp; Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools.\n - [stilr](https://github.com/kodyl/stilr) - Encapsulated styling for your javascript components with all the power of javascript and CSS combined.\n - [react-css-components](https://github.com/andreypopp/react-css-components) - Define React presentational components with CSS.\n - [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects.\n\n\n###### HTML Template\n\n - [jsx-control-statements](https://github.com/AlexGilleran/jsx-control-statements) - Neater If and For for React JSX.\n - [react-templates](https://github.com/wix/react-templates) - Light weight templates for react.\n - [hyperx](https://github.com/substack/hyperx) - Tagged template string virtual dom builder.\n\n\n###### Isomorphic Apps\n\n - [hypernova](https://github.com/airbnb/hypernova) - A service for server-side rendering your JavaScript views.\n - [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.\n - [webpack-isomorphic-tools](https://github.com/halt-hammerzeit/webpack-isomorphic-tools) - Server-side rendering for your Webpack-built applications (e.g. React).\n - [isomorphic-relay](https://github.com/denvned/isomorphic-relay) - Adds server side rendering support to React Relay.\n - [rill](https://github.com/rill-js/rill) - Universal web application framework.\n - [isomorphic-style-loader](https://github.com/kriasoft/isomorphic-style-loader) - Isomorphic CSS style loader for Webpack.\n\n\n###### Boilerplate\n\n*Boilerplates /  scaffolds / starter kits / generators / stack ensembles*\n\n - [create-react-app](https://github.com/facebookincubator/create-react-app) Create React apps with no build configuration.\n - [redux-cli](https://github.com/SpencerCDixon/redux-cli) - An opinionated CLI for building redux/react apps quicker.\n - [reactuate](https://github.com/reactuate/reactuate) - React/Redux stack (not a boilerplate kit).\n - [essential-react](https://github.com/pheuter/essential-react) - A minimal skeleton for building testable React apps using Babel.\n - [gluestick](https://github.com/TrueCar/gluestick) - GlueStick is a command line interface for quickly developing universal web applications using React and Redux.\n - [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.\n - [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.\n - [nwb](https://github.com/insin/nwb) - CLI tool and devDependency for React apps \u0026amp; components and npm modules.\n - [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.\n - [generator-starhackit](https://github.com/FredericHeem/starhackit) - StarHackIt: React/Redux + Node full-stack starter kit with authentication and authorization, data backed by SQL.\n - [react-isomorphic-starterkit](https://github.com/RickWong/react-isomorphic-starterkit) - Create an isomorphic React app in less than 5 minutes.\n - [generator-react-webpack](https://github.com/react-webpack-generators/generator-react-webpack) - Yeoman generator for ReactJS and Webpack.\n - [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate) - Live editing development on desktop app.\n - [reactpack](https://github.com/olahol/reactpack) - Build your react apps with one command and one `npm i`.\n - [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project.\n - [generator-flux-on-rails](https://github.com/alexfedoseev/generator-flux-on-rails) - Scaffolder of universal Flux / Redux app, backed by Rails API.\n - [roc](https://github.com/rocjs/roc) - Modern Application Development Ecosystem.\n - [react-redux-starter-kit](https://github.com/davezuko/react-redux-starter-kit) - Get started with React, Redux, and React-Router!.\n\n\n###### Miscellaneous\n\n - [redux-auth-patch](https://github.com/lynndylanhurley/redux-auth) - Complete token authentication system for react + redux that supports isomorphic rendering.\n - [redux-search](https://github.com/treasure-data/redux-search) - Redux bindings for client-side search.\n - [react-inlinesvg](https://github.com/matthewwithanm/react-inlinesvg) - An SVG loader component for ReactJS.\n - [tcomb-react](https://github.com/gcanti/tcomb-react) - Alternative syntax for PropTypes.\n\n\n# Utilities\n\n - [react-faux-dom](https://github.com/Olical/react-faux-dom) - DOM like structure that renders to React.\n - [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.\n - [qrcode.react](https://github.com/zpao/qrcode.react) - A \u0026lt;QRCode/\u0026gt; component for use with React.\n - [react-media](https://github.com/ReactTraining/react-media) A CSS media query component for React.\n\n###### Framework bindings / integrations\n\n - [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration.\n - [react-famous](https://github.com/pilwon/react-famous) - React bridge to Famo.us.\n - [react-canvas](https://github.com/Flipboard/react-canvas) - High performance \u0026lt;canvas\u0026gt; rendering for React components.\n - [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.\n - [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.\n - [react-three-renderer](https://github.com/toxicFork/react-three-renderer) - Render into a three.js canvas using React.\n - [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.\n - [react-d3-library](https://github.com/react-d3-library/react-d3-library) - Open source library for using D3 in React.\n - [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.\n - [react-on-rails](https://github.com/shakacode/react_on_rails) - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.\n - [react-backbone](https://github.com/jhudson8/react-backbone) - Backbone-aware mixins for react and a whole lot more.\n - [react-swf](https://github.com/syranide/react-swf) - Shockwave Flash Player component for React.\n - [react-localstorage](https://github.com/STRML/react-localstorage) - Simple componentized localstorage implementation for Facebook\u0026#39;s React.\n - [reactive-elements](https://github.com/PixelsCommander/ReactiveElements) - Allows to use React.js component as HTML element (web component).\n - [react-elm-components](https://github.com/evancz/react-elm-components) - Write React components in Elm.\n\n\n###### Integrations with Third Party Services\n\n - [react-stripe-checkout](https://github.com/azmenak/react-stripe-checkout) - Load stripe\u0026#39;s checkout.js as a react component. Easiest way to use checkout with React.\n - [react-google-analytics](https://github.com/hzdg/react-google-analytics) - Google analytics component.\n - [react-recaptcha](https://github.com/appleboy/react-recaptcha) - A react.js reCAPTCHA for Google.\n\n\n# Tests\n\n - [ui-harness](https://github.com/philcockfield/ui-harness) - Create, isolate and test modular UI components in React.\n - [redux-test-recorder](https://github.com/conorhastings/redux-test-recorder) - A redux middleware to automatically generate tests for reducers through ui interaction.\n - [legit-tests](https://github.com/Legitcode/tests) - Chainable, easy to read, React testing library.\n - [unexpected-react](https://github.com/bruderstein/unexpected-react) - Plugin for [unexpected]( to enable testing the full React virtual DOM, and also the shallow renderer.\n - [chai-enzyme](https://github.com/producthunt/chai-enzyme) - Chai.js assertions and convenience functions for testing React Components with enzyme.\n - [react-unit](https://github.com/pzavolinsky/react-unit) - Lightweight unit test library for ReactJS.\n - [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React.\n - [redux-ava](https://github.com/sotojuan/redux-ava) - Write AVA tests for redux pretty quickly.\n - [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.\n\n\n# Performance\n\n\n### UI\n\n - [react-fastclick](https://github.com/JakeSidSmith/react-fastclick) - Fast Touch Events for React.\n - [react-static-container](https://github.com/reactjs/react-static-container) - Renders static content efficiently by allowing React to short-circuit the reconciliation process.\n - [inferno](https://github.com/trueadm/inferno) - An extremely fast, React-like JavaScript library for building modern user interfaces.\n\n\n###### Inspect\n\n - [why-did-you-update](https://github.com/garbles/why-did-you-update) - Puts your console on blast when React is making unnecessary updates.\n - [react-perf-tool](https://github.com/RamonGebben/react-perf-tool) - Debug performance of your React application.\n - [react-render-visualizer](https://github.com/redsunsoft/react-render-visualizer) - Render visualizer for ReactJS.\n\n\n###### Lazy Load\n\n - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance.\n - [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations.\n - [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView.\n - [react-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements.\n - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data.\n - [react-lazy-load](https://github.com/loktar00/react-lazy-load) - React component that renders children elements when they enter the viewport.\n\n\n### App Size\n\n - [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.\n - [react-lite](https://github.com/Lucifier129/react-lite) - An implementation of React that optimizes for small script size.\n\n\n# Dev Tools\n\n\n###### Redux\n\n - [redux-devtools-inspector](https://github.com/alexkuz/redux-devtools-inspector) - Another Redux DevTools Monitor.\n - [redux-devtools-chart-monitor](https://github.com/romseguy/redux-devtools-chart-monitor) - A chart monitor for Redux DevTools.\n - [redux-devtools-dock-monitor](https://github.com/gaearon/redux-devtools-dock-monitor) - A resizable and movable dock for Redux DevTools monitors.\n - [redux-devtools-filterable-log-monitor](https://github.com/bvaughn/redux-devtools-filterable-log-monitor) - Filterable tree view monitor for Redux DevTools.\n - [redux-devtools-log-monitor](https://github.com/gaearon/redux-devtools-log-monitor) - The default monitor for Redux DevTools with a tree view.\n - [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools) - Redux DevTools remotely.\n - [redux-devtools](https://github.com/gaearon/redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI.\n\n\n###### Inspect\n\n - [react-inspector](https://github.com/xyc/react-inspector) - Power of Browser DevTools inspectors right inside your React app.\n - [react-json-inspector](https://github.com/Lapple/react-json-inspector) - React JSON inspector component.\n - [reactotron](https://github.com/reactotron/reactotron) - A CLI and OS X app for inspecting your React JS and React Native apps.\n\n\n###### Miscellaneous\n\n - [react-atellier](https://github.com/scup/atellier) - The smartest way to share interactive components with your team.\n - [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide.\n - [cosmos-js](https://github.com/skidding/cosmos) - DX tool for designing truly encapsulated React components.\n - [react-heatpack](https://github.com/insin/react-heatpack) - A \u0026#39;heatpack\u0026#39; command for quick React development with webpack hot reloading.\n\n\n# Miscellaneous\n\n - [structor](https://github.com/ipselon/structor) - An advanced GUI editor for React.\n - [react-blessed](https://github.com/Yomguithereal/react-blessed) - A react renderer for blessed.\n - [react-komik](https://github.com/sonnylazuardi/react-komik) - ReactJS based comic strip creator using fabric.js canvas rendering.\n - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator.\n - [redux-segment](https://github.com/rangle/redux-segment) - Segment.io analytics integration for redux.\n - [mozaik](https://github.com/plouc/mozaik) - Moza\u0026iuml;k is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.\n - [htmltojsx](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React. It\u0026#39;s magic!.\n - [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10.\n - [react-bash](https://github.com/zackargyle/react-bash) - A configurable/extendable bash terminal React component.\n - [html-to-react-components](https://github.com/roman01la/html-to-react-components) - Extract annotated portions of HTML into React components as separate modules.\n - [react-joyride](https://github.com/gilbarbara/react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.\n\n\n###### Static Website Generator\n\n - [gatsby](https://github.com/gatsbyjs/gatsby) - Transform plain text into dynamic blogs and websites using React.js.\n - [phenomic](https://github.com/MoOx/phenomic) - Modern static* website generator based on the React and Webpack ecosystem.\n - [sitegen](https://github.com/andreypopp/sitegen) - Generate websites by composing React components.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsheep0704%2Fawesome-react-components-all","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsheep0704%2Fawesome-react-components-all","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsheep0704%2Fawesome-react-components-all/lists"}