Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Correia-jpv/fucking-awesome-react-components
Curated List of React Components & Libraries. With repository stars⭐ and forks🍴
https://github.com/Correia-jpv/fucking-awesome-react-components
List: fucking-awesome-react-components
awesome awesome-list awesome-lists component component-library components components-react react react-component react-components react-libraries react-library react-native reactjs
Last synced: 23 days ago
JSON representation
Curated List of React Components & Libraries. With repository stars⭐ and forks🍴
- Host: GitHub
- URL: https://github.com/Correia-jpv/fucking-awesome-react-components
- Owner: Correia-jpv
- License: cc0-1.0
- Created: 2022-07-21T15:20:43.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-16T06:07:48.000Z (2 months ago)
- Last Synced: 2024-10-18T00:42:28.599Z (2 months ago)
- Topics: awesome, awesome-list, awesome-lists, component, component-library, components, components-react, react, react-component, react-components, react-libraries, react-library, react-native, reactjs
- Homepage:
- Size: 903 KB
- Stars: 9
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: license
- Code of conduct: code-of-conduct.md
Awesome Lists containing this project
- ultimate-awesome - fucking-awesome-react-components - Curated List of React Components & Libraries. With repository stars⭐ and forks🍴. (Programming Language Lists / JavaScript Lists)
README
# 🚀 Absolutely Awesome React Components & Libraries
This is a list of AWESOME components. Nope, it's NOT a comprehensive list of
every React component under the sun. So, what does "awesome" mean? Well:
- It solves a real problem
- It does so in a 🦄 unique, 🦋 beautiful, or 🏆 exceptional way. (And it's not super popular and well-known... no point in listing those.)
- It has recent code commits!
Look for a 🚀 for truly amazing projects. And look for quickie maintainer
commentary and reviews in _(italic parens)_ after some listings of note.
See also: 17⭐ 2🍴 [Awesome React Frameworks](https://github.com/brillout/awesome-react-frameworks)).
Maintainers:
- [@petebray](https://github.com/bluepeter), author of 🌎 [Fluxguard](fluxguard.com) — monitor PROD website changes.
- 🌎 [@brillout](twitter.com/brillout), author of 🌎 [Vike](vike.dev) — a fast Vite-based React framework that is flexible, lean, community-driven and dependable.
### Contributing
Please review our [contributing guidelines](https://github.com/correia-jpv/fucking-awesome-react-components/blob/master/CONTRIBUTING.md). We keep this list fresh by **requiring all PRs to remove one or more non-awesome entries from this list**. Please ONLY PR a new resource if you are ALSO removing one.
## Table of Contents
- [UI Components](#ui-components)
- [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet)
- [Table](#table)
- [Infinite Scroll](#infinite-scroll)
- [Overlay](#overlay)
- [Notification](#notification)
- [Tooltip](#tooltip)
- [Menu](#menu)
- [Sticky](#sticky)
- [Tabs](#tabs)
- [Loader](#loader)
- [Captcha](#captcha)
- [Carousel](#carousel)
- [Buttons](#buttons)
- [Collapse](#collapse)
- [Chart](#chart)
- [Command palette](#command-palette)
- [Tree](#tree)
- [UI Navigation](#ui-navigation)
- [Custom Scrollbar](#custom-scrollbar)
- [Audio / Video](#audio--video)
- [Map](#map)
- [Time / Date / Age](#time--date--age)
- [Photo / Image](#photo--image)
- [Icons](#icons)
- [Paginator](#paginator)
- [Markdown Viewer](#markdown-viewer)
- [Canvas](#canvas)
- [Screenshot](#screenshot)
- [Miscellaneous](#miscellaneous)
- [Form Components](#form-components)
- [Date / Time picker](#date--time-picker)
- [Emoji picker](#emoji-picker)
- [Input Types](#input-types)
- [Autocomplete](#autocomplete)
- [Select](#select)
- [Color Picker](#color-picker)
- [Toggle](#toggle)
- [Slider](#slider)
- [Radio Button](#radio-button)
- [Type Select](#type-select)
- [Tag Input](#tag-input)
- [Autosize Input / Textarea](#autosize-input--textarea)
- [Star Rating](#star-rating)
- [Drag and Drop](#drag-and-drop)
- [Sortable List](#sortable-list)
- [Rich Text Editor](#rich-text-editor)
- [Markdown Editor](#markdown-editor)
- [Image Editing](#image-editing)
- [Form Component Collections](#form-component-collections)
- [Miscellaneous](#miscellaneous-1)
- [Syntax Highlight](#syntax-highlight)
- [UI Layout](#ui-layout)
- [UI Animation](#ui-animation)
- [Parallax](#parallax)
- [UI Frameworks](#ui-frameworks)
- [Responsive](#responsive)
- [Material Design](#material-design)
- [Mobile](#mobile)
- [Component Collections](#component-collections)
- [UI Utilities](#ui-utilities)
- [Reporter](#reporter)
- [Visibility Reporter](#visibility-reporter)
- [Measurement Reporter](#measurement-reporter)
- [Device Input](#device-input)
- [Keyboard Events](#keyboard-events)
- [Scroll Events](#scroll-events)
- [Touch Swipe](#touch-swipe)
- [Mouse Events](#mouse-events)
- [Meta Tags](#meta-tags)
- [Portal](#portal)
- [Test User Behavior](#test-user-behavior)
- [Code Design](#code-design)
- [Data Store](#data-store)
- [Form Logic](#form-logic)
- [Router](#router)
- [Props from server](#props-from-server)
- [Communication with server](#communication-with-server)
- [CSS / Style](#css--style)
- [HTML Template](#html-template)
- [Isomorphic Apps](#isomorphic-apps)
- [Boilerplate](#boilerplate)
- [Miscellaneous](#miscellaneous-2)
- [Utilities](#utilities)
- [i18n](#i18n)
- [Framework bindings / integrations](#framework-bindings--integrations)
- [Integrations with Third Party Services](#integrations-with-third-party-services)
- [Performance](#performance)
- [UI](#ui)
- [Inspect](#inspect)
- [Lazy Load](#lazy-load)
- [App Size](#app-size)
- [Server-Side Rendering](#server-side-rendering)
- [Dev Tools](#dev-tools)
- [Test](#test)
- [Redux](#redux)
- [Inspect](#inspect-1)
- [Miscellaneous](#miscellaneous-3)
- [Miscellaneous](#miscellaneous-4)
- [Static Website Generator](#static-website-generator)
- [Cloud Solutions](#cloud-solutions)
- [Databases](#databases)
## UI Components
**[`Back to top ⬆️`](#table-of-contents)**
### Editable data grid / spreadsheet
- 2548⭐ 229🍴 [fortune-sheet](https://github.com/ruilisi/fortune-sheet)) - An online spreedsheet component that provides out-of-the-box features just like Excel.
- 12881⭐ 1884🍴 [AG Grid](https://github.com/ag-grid/ag-grid)) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
- 144⭐ 30🍴 [gigatables-react](https://github.com/GigaTables/reactables)) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.
- 4558⭐ 1333🍴 [MUI X Data grid](https://github.com/mui/mui-x)) - 🌎 [demo/docs](mui.com/x/react-data-grid/) - Fast and customizable data grid with advanced features for power users and complex use cases.
- 7003⭐ 2185🍴 [react-data-grid](https://github.com/adazzle/react-data-grid)) - Excel-like grid.
- 2790⭐ 175🍴 [revo-grid](https://github.com/revolist/revogrid)) - 🌎 [demo/docs](revolist.github.io/revogrid/) - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization.
- 1267⭐ 136🍴 [ReactGrid](https://github.com/silevis/reactgrid)) - 🌎 [demo/docs](reactgrid.com/docs/) - Add spreadsheet-like behavior to your app
- 🌎 [jqwidgets-react-grid](www.jqwidgets.com/react/react-grid/) - Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more.
### Table
- 790⭐ 59🍴 [ka-table](https://github.com/komarovalexander/ka-table)) - 🌎 [demo](komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc.
- 953⭐ 69🍴 [mantine-datatable](https://github.com/icflorescu/mantine-datatable)) - 🌎 [demo/docs](icflorescu.github.io/mantine-datatable/) - Lightweight table component for Mantine UI applications, with lots of features
- 3496⭐ 1024🍴 [material-table](https://github.com/mbrn/material-table)) - 🌎 [demo/docs](material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing
- 2712⭐ 934🍴 [mui-datatables](https://github.com/gregnb/mui-datatables)) - Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows.
- 2059⭐ 413🍴 [react-data-table](https://github.com/jbetancur/react-data-table-component)) - 🌎 [demo/docs](jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination
- 25285⭐ 3092🍴 [TanStack Table](https://github.com/tannerlinsley/react-table)) - 🌎 [demo](tanstack.com/table/v8/docs/examples/react/basic) - Headless UI for building powerful tables & datagrids
- 747⭐ 46🍴 [react-table-library](https://github.com/table-library/react-table-library)) - 🌎 [demo](react-table-library.com/) - React Table Library -- an almost headless table library -- for building better tables.
- 727⭐ 132🍴 [rsuite-table](https://github.com/rsuite/rsuite-table)) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized.
- 160⭐ 25🍴 [sematable](https://github.com/sematext/sematable)) - Client side sorting, pagination, and text filter for redux/react based apps.
- 🌎 [DevExtreme React Grid](devexpress.github.io/devextreme-reactive/react/grid/) - High-performance plugin-based data grid for Bootstrap and Material Design.
- 🌎 [Smart React Grid](htmlelements.com/react/demos/grid/overview/) - Fast and feature-complete data grid with Material Design.
- 🌎 [KendoReact Grid](www.telerik.com/kendo-react-ui/components/grid/) - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more.
- 1535⭐ 449🍴 [Material-React-Table](https://github.com/KevinVandy/material-react-table)) - A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript
- 🌎 [AG Grid](www.ag-grid.com/) - The Best JavaScript Grid in the World
### Infinite Scroll
- 2233⭐ 95🍴 [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid)) - 🌎 [npm](www.npmjs.com/package/@egjs/react-infinitegrid) - 🌎 [demo](naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types.
- 5875⭐ 488🍴 [react-lazyload](https://github.com/jasonslyvia/react-lazyload)) - Lazyload your Component, Image or anything else where the performance matters.
- 1963⭐ 176🍴 [react-list](https://github.com/orgsync/react-list)) - A versatile infinite scroll React component.
- 77⭐ 5🍴 [@af-utils/virtual](https://github.com/nowaalex/af-utils)) - 🌎 [demo/docs](af-utils.com/virtual) - Render large scrollable lists and grids.
- 15975⭐ 786🍴 [react-window](https://github.com/bvaughn/react-window)) - 🌎 [demo](react-window.now.sh/) - React components for efficiently rendering large lists and tabular data
- 1343⭐ 47🍴 [virtua](https://github.com/inokawa/virtua)) - 🌎 [demo](inokawa.github.io/virtua/) - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid.
### Overlay
_Display overlay / modal / alert / dialog / lightbox / popup_
- 1037⭐ 96🍴 [react-aria-modal](https://github.com/davidtheclark/react-aria-modal)) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices.
- 7370⭐ 808🍴 [react-modal](https://github.com/reactjs/react-modal)) - Accessible modal dialog component for React.
- 152⭐ 8🍴 [reoverlay](https://github.com/hiradary/reoverlay)) - 🌎 [demo](hiradary.github.io/reoverlay/) - The missing solution for managing modals.
- 17379⭐ 1614🍴 [sweetalert2](https://github.com/sweetalert2/sweetalert2)) - 🌎 [demo/docs](sweetalert2.github.io/) - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.
- 706⭐ 48🍴 [sweetalert2-react-content](https://github.com/sweetalert2/sweetalert2-react-content)) - Official SweetAlert2 enhancer adding support for React elements as content
### Notification
_Toaster / snackbar — Notify the user with a modeless temporary little popup_
- 1275⭐ 73🍴 [react-notifications-component](https://github.com/teodosii/react-notifications-component)) - 🌎 [demo](teodosii.github.io/react-notifications-component/) - Highly customizable and easy-to-use component for notifications.
- 🌎 [notistack](iamhosseindhv.com/notistack) - 🌎 [demo](codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js) - 🌎 [docs](iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other
- 131⭐ 2🍴 [react-local-toast](https://github.com/OlegWock/react-local-toast)) - 🌎 [demo](react-local-toast.netlify.app/showcase/) - 🌎 [docs](react-local-toast.netlify.app/tutorial) - show feedback linked to particular component instead of app-wide toasts.
- 76⭐ 5🍴 [react-toast](https://github.com/moharnadreza/react-toast)) - 🌎 [demo](codesandbox.io/s/byqvk) - 76⭐ 5🍴 [docs](https://github.com/moharnadreza/react-toast/blob/main/README.md)) - Minimal toast notifications.
- 🚀 12750⭐ 701🍴 [react-toastify](https://github.com/fkhadra/react-toastify)) - 🌎 [demo](fkhadra.github.io/react-toastify/) - best bet out there at the moment. Hooks support. No refs.
- 1552⭐ 78🍴 [reapop](https://github.com/LouisBarranqueiro/reapop)) - A React & Redux notifications system.
- 61⭐ 6🍴 [simple-react-notifications](https://github.com/alexpermyakov/simple-react-notifications)) - 🌎 [demo](alexpermyakov.github.io/simple-react-notifications/) - Tiny notification library (1kb gzip).
- 9841⭐ 331🍴 [react-hot-toast](https://github.com/timolins/react-hot-toast)) - 🌎 [demo](react-hot-toast.com/) - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default.
- 🌎 [Sonner](sonner.emilkowal.ski/) - An opinionated toast component for React.
### Tooltip
- 3628⭐ 527🍴 [react-tooltip](https://github.com/wwayne/react-tooltip)) - React tooltip component.
### Menu
_Menus / sidebars_
- 979⭐ 37🍴 [hamburger-react](https://github.com/luukdv/hamburger-react)) - 🌎 [demo/docs](hamburger-react.netlify.app/) - Animated hamburger menu icons for React.
- 5058⭐ 586🍴 [react-burger-menu](https://github.com/negomi/react-burger-menu)) - An off-canvas sidebar with effects and styles.
- 51⭐ 20🍴 [react-offcanvas](https://github.com/vutran/react-offcanvas)) - Off-canvas menus for React.
- 182⭐ 21🍴 [react-planet](https://github.com/innFactory/react-planet)) - 🌎 [demo](innfactory.github.io/react-planet/) - Create circular menus which looks like planets.
- 128⭐ 7🍴 [mantine-contextmenu](https://github.com/icflorescu/mantine-contextmenu)) - 🌎 [demo/docs](icflorescu.github.io/mantine-contextmenu/) - Context-menu hook/component for applications built with Mantine UI.
### Sticky
_Fixed headers / scroll-up headers / sticky elements_
- 1844⭐ 149🍴 [react-headroom](https://github.com/KyleAMathews/react-headroom)) - Hide your header until you need it.
- 1293⭐ 149🍴 [react-stickynode](https://github.com/yahoo/react-stickynode)) - A performant and comprehensive React sticky.
### Tabs
- 3098⭐ 446🍴 [react-tabs](https://github.com/reactjs/react-tabs)) - React tabs component.
- 402⭐ 55🍴 [react-tabtab](https://github.com/ctxhou/react-tabtab)) - React, tabs.
### Loader
_Loaders / spinners / progress bars — Let the user know that something is loading_
- 990⭐ 145🍴 [react-loader-spinner](https://github.com/mhnpd/react-loader-spinner)) - Collection set of react-spinner for async operation.
- 937⭐ 93🍴 [react-redux-loading-bar](https://github.com/mironov/react-redux-loading-bar)) - Simple Loading Bar for Redux and React.
- 320⭐ 20🍴 [react-spinners-css](https://github.com/JoshK2/react-spinners-css)) - Amazing collection of react spinners components.
- 3119⭐ 269🍴 [react-spinners](https://github.com/davidhu2000/react-spinners)) - A collection of loading spinner components for react.
- 13781⭐ 421🍴 [react-content-loader](https://github.com/danilowoz/react-content-loader)) - SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).
### Captcha
- 42⭐ 19🍴 [react-simple-captcha](https://github.com/masroorejaz/react-simple-captcha)) - 🌎 [npm](www.npmjs.com/package/react-simple-captcha) - 🌎 [demo](www.scriptse.com/blog/add-captcha-in-reactjs-application/react-simple-captcha-demo/) - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS.
- 48⭐ 3🍴 [procaptcha](https://github.com/prosopo/captcha)) - 🌎 [demo](prosopo.io/) - 🌎 [docs](docs.prosopo.io/) - Privacy focused free CAPTCHA
### Carousel
- 2785⭐ 129🍴 [@egjs/react-flicking](https://github.com/naver/egjs-flicking/blob/master/packages/react-flicking/)) - 🌎 [npm](www.npmjs.com/package/@egjs/react-flicking) - 🌎 [demo](naver.github.io/egjs-flicking/) - It's reliable, flexible and extendable carousel.
- 2936⭐ 296🍴 [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider)) - 🌎 [demo](fullpage.caferati.me/) - Fullpage, 3D animated, 60fps media and content slider/carousel.
- 1680⭐ 161🍴 [pure-react-carousel](https://github.com/express-labs/pure-react-carousel)) - Built from scratch and not highly opinionated.
- 1489⭐ 153🍴 [react-id-swiper](https://github.com/kidjp85/react-id-swiper)) - A library to use idangerous Swiper as a ReactJs component
- 77⭐ 27🍴 [react-instagram-zoom-slider](https://github.com/skozer/react-instagram-zoom-slider)) - 🌎 [demo](skozer.github.io/react-instagram-zoom-slider/) - A slider component with pinch to zoom capabilities inspired by Instagram.
- 2670⭐ 631🍴 [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel)) - React.js Responsive Carousel (with Swipe).
- 11776⭐ 2104🍴 [react-slick](https://github.com/akiran/react-slick)) - React carousel component.
- 4708⭐ 215🍴 [keen-slider](https://github.com/rcbyr/keen-slider)) - 🌎 [demo](keen-slider.io/examples/#examples) - Performant carousel/slider with native touch/swipe behavior.
- 40004⭐ 9744🍴 [swiper](https://github.com/nolimits4web/Swiper)) - 🌎 [demo](swiperjs.com/demos) - 🌎 [docs](swiperjs.com/react) - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
### Buttons
- 1307⭐ 132🍴 [react-awesome-button](https://github.com/rcaferati/react-awesome-button)) - 🌎 [demo](caferati.me/demo/react-awesome-button) - 3D animated 60fps buttons with load progress and social share actions.
- 133⭐ 21🍴 [reactive-button](https://github.com/arifszn/reactive-button)) - 🌎 [demo](arifszn.github.io/reactive-button/docs/playground) - 🌎 [docs](arifszn.github.io/reactive-button) - A beautiful animated button component with progress indicator.
### Collapse
- 788⭐ 113🍴 [react-accessible-accordion](https://github.com/springload/react-accessible-accordion)) - Accessible Accordion component for React.
- 1129⭐ 113🍴 [react-collapse](https://github.com/nkbt/react-collapse)) - Component-wrapper for collapse animation with react-motion.
- 80⭐ 11🍴 [react-tabbordion](https://github.com/Merri/react-tabbordion)) - 🌎 [demo](merri.github.io/react-tabbordion) - Universal, semantic and CSS-only components for creating Accordions and Tabs.
### Chart
_Display data in charts / graphs / diagrams_
- 693⭐ 23🍴 [chartify](https://github.com/kirillstepkin/chartify)) - React.js plugin for building animated draggable and customizable charts.
- 349⭐ 103🍴 [essential js 2 charts](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts)) - Beautiful and interactive charts & graphs for react.
- 4568⭐ 632🍴 [echarts for react](https://github.com/hustcc/echarts-for-react)) - Wrapper around beautiful Apache Echarts
- 18⭐ 3🍴 [jscharting-react](https://github.com/jscharting/jscharting-react)) – React chart component offering a complete set of chart types and engaging data visualizations with 🌎 [JSCharting](jscharting.com/).
- 528⭐ 96🍴 [react-chartist](https://github.com/fraserxu/react-chartist)) - React component for Chartist.js.
- 71⭐ 6🍴 [react-charty](https://github.com/99ff00/react-charty)) - 🌎 [demo](99ff00.github.io/react-charty/) - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming.
- 6644⭐ 2366🍴 [react-chartjs-2](https://github.com/jerairrest/react-chartjs-2)) - Common react charting components using Chart.js 2.0.
- 1624⭐ 205🍴 [react-d3-components](https://github.com/codesuki/react-d3-components)) - D3 Components for React.
- 1440⭐ 143🍴 [react-dazzle](https://github.com/Raathigesh/Dazzle)) - Dashboards made easy in React JS.
- 1620⭐ 345🍴 [react-google-charts](https://github.com/RakanNimer/react-google-charts)) - React-google-charts React component.
- 1255⭐ 233🍴 [react-highcharts](https://github.com/kirjs/react-highcharts)) - React-highcharts.
- 261⭐ 43🍴 [react-sigmajs](https://github.com/dunnock/react-sigma)) - Lightweight but powerful library for drawing network graphs built on top of SigmaJS.
- 2839⭐ 194🍴 [react-sparklines](https://github.com/borisyankov/react-sparklines)) - Beautiful and expressive Sparklines React component.
- 870⭐ 283🍴 [react-timeseries-charts](https://github.com/esnet/react-timeseries-charts)) - Declarative timeseries charts.
- 8737⭐ 835🍴 [react-vis](https://github.com/uber/react-vis)) - Data visualization library based on React and d3.
- 24150⭐ 1716🍴 [recharts](https://github.com/recharts/recharts)) - Redefined chart library built with React and D3.
- 343⭐ 36🍴 [rumble-charts](https://github.com/rumble-charts/rumble-charts)) - React components for building composable and flexible charts.
- 11027⭐ 524🍴 [victory](https://github.com/FormidableLabs/victory)) - Data viz for React.
- 🌎 [semiotic](semiotic.nteract.io/) - Semiotic is a data visualization framework for React.
- 🌎 [DevExtreme React Chart](devexpress.github.io/devextreme-reactive/react/chart/) - High-performance plugin-based chart for Bootstrap and Material Design.
- 🌎 [Smart React Chart](www.htmlelements.com/react/demos/chart/overview/) - Feature complete Charting library.
- 16⭐ 2🍴 [react-muze](https://github.com/chartshq/react-muze)) - React wrapper for 🌎 [muze](muzejs.org/)(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)
- 44⭐ 9🍴 [Flowchart React](https://github.com/joyceworks/flowchart-react)) - Flowchart & Flowchart designer for React.js.
- 1588⭐ 370🍴 [react-dashboard](https://github.com/flatlogic/react-dashboard)) - Isomorphic Dashboards.
### Command palette
- 🌎 [cmdk](cmdk.paco.me/) - Fast, composable, unstyled command menu for React.
- 4857⭐ 185🍴 [kbar](https://github.com/timc1/kbar)) - 🌎 [demo](kbar.vercel.app) - Fast, portable, and extensible cmd+k interface.
### Tree
_Display a tree data structure_
- 3069⭐ 140🍴 [react-arborist](https://github.com/brimdata/react-arborist)) - 🌎 [demo](react-arborist.netlify.app/) - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search
- 988⭐ 83🍴 [react-complex-tree](https://github.com/lukasbach/react-complex-tree)) - 🌎 [demo](rct.lukasbach.com/) - 🌎 [docs](rct.lukasbach.com/docs/getstarted) - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search
- 1092⭐ 165🍴 [react-treeview](https://github.com/chenglou/react-treeview)) - Easy, light, flexible tree view made with React.
- 22⭐ 4🍴 [he-tree-react](https://github.com/phphe/he-tree-react)) - 🌎 [demo](he-tree-react.phphe.com/v1/examples) - 🌎 [docs](he-tree-react.phphe.com/) - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized.
### UI Navigation
_Ways to navigate views_
- 4367⭐ 437🍴 [react-scroll](https://github.com/fisshy/react-scroll)) - React scroll component.
- 4464⭐ 480🍴 [react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views)) - A React Component for binded Tabs and Swipeable Views.
### Custom Scrollbar
- 150⭐ 14🍴 [rc-scrollbars](https://github.com/sakhnyuk/rc-scrollbars)) - 🌎 [demo](rc-scrollbars.vercel.app/) - Customizable scrollbars with flex options and 60FPS
- 556⭐ 66🍴 [react-custom-scroll](https://github.com/rommguy/react-custom-scroll)) - [demo](http://rommguy.github.io/react-custom-scroll/example/demo.html) - Easily customize the browser scroll bar with native OS scroll behavior.
- 31⭐ 4🍴 [react-shadow-scroll](https://github.com/andrelmlins/react-shadow-scroll)) - Component that customizes the image and inserts shadow when scrolling exists.
### Audio / Video
- 17⭐ 6🍴 [react-dailymotion](https://github.com/u-wave/react-dailymotion)) - Dailymotion player component for React.
- 9425⭐ 1153🍴 [react-player](https://github.com/CookPete/react-player)) - A react component for playing a variety of URLs, including YouTube.
- 1458⭐ 111🍴 [react-soundplayer](https://github.com/soundblogs/react-soundplayer)) - Create custom SoundCloud players with React.
- 1862⭐ 221🍴 [react-youtube](https://github.com/troybetz/react-youtube)) - React.js powered YouTube player component.
- 2670⭐ 394🍴 [video-react](https://github.com/video-react/video-react)) - A web video player built for the HTML5 world using React library.
- 76⭐ 23🍴 [material-ui-audio-player](https://github.com/Werter12/material-ui-audio-player)) - Audio player for material ui design.
- 9⭐ 2🍴 [react-vision-camera](https://github.com/xulihang/react-vision-camera)) - Camera component for React using getUserMedia. We can use this component for computer vision tasks like barcode scanning, text recognition, etc.
- 18⭐ 3🍴 [react-barcode-qrcode-scanner](https://github.com/xulihang/react-barcode-qrcode-scanner)) - Barcode and QR code scanner component for React. It uses react-vision-camera to access the camera and Dynamsoft Barcode Reader to read barcodes.
### Map
- 6398⭐ 834🍴 [google-map-react](https://github.com/istarkov/google-map-react)) - Universal google map react component, allows render react components on the google map.
- 3455⭐ 143🍴 [pigeon-maps](https://github.com/mariusandra/pigeon-maps)) - 🌎 [demo](pigeon-maps.js.org/) - ReactJS Maps without external dependencies.
- 1040⭐ 326🍴 [react-geosuggest](https://github.com/ubilabs/react-geosuggest)) - A React autosuggest for the Google Maps Places API.
- 5182⭐ 886🍴 [react-leaflet](https://github.com/PaulLeCam/react-leaflet)) - React components for Leaflet maps.
- 7878⭐ 1354🍴 [react-map-gl](https://github.com/uber/react-map-gl)) - A React wrapper for MapboxGL-js and overlay API.
- 229⭐ 48🍴 [react-svg-map](https://github.com/VictorCazanave/react-svg-map)) - 🌎 [demo](victorcazanave.github.io/react-svg-map/) - A set of components to display an interactive SVG map.
### Time / Date / Age
_Display time / date / age_
- 1067⭐ 126🍴 [react-timeago](https://github.com/nmn/react-timeago)) - A simple time-ago component for ReactJs.
- 420⭐ 22🍴 [timeago-react](https://github.com/hustcc/timeago-react)) - Format date with `*** time ago` statement. eg: '3 hours ago'.
- 387⭐ 49🍴 [react-google-flight-datepicker](https://github.com/JSLancerTeam/react-google-flight-datepicker)) - Google flight date picker implemented in ReactJS.
### Photo / Image
_Display images / photos_
- 6554⭐ 1286🍴 [lightGallery](https://github.com/sachinchoolur/lightGallery)) - 🌎 [demo](www.lightgalleryjs.com/) - 🌎 [docs](www.lightgalleryjs.com/docs/react/) - Full-featured lightbox gallery component.
- 335⭐ 77🍴 [react-compare-image](https://github.com/junkboy0315/react-compare-image)) - 🌎 [demo](react-compare-image.yuuniworks.com/) - React component to compare two images using a slider.
- 3808⭐ 712🍴 [react-image-gallery](https://github.com/xiaolin/react-image-gallery)) - Responsive image gallery, carousel, image slider react component.
- 869⭐ 39🍴 [yet-another-react-lightbox](https://github.com/igordanchenko/yet-another-react-lightbox)) - 🌎 [demo](yet-another-react-lightbox.com/examples) - 🌎 [docs](yet-another-react-lightbox.com/documentation) - React lightbox component.
- 187⭐ 10🍴 [react-intense](https://github.com/brycedorn/react-intense)) - A React component for viewing large images up close.
- 573⭐ 34🍴 [react-photo-album](https://github.com/igordanchenko/react-photo-album)) - 🌎 [demo](react-photo-album.com/examples) - 🌎 [docs](react-photo-album.com/documentation) - Responsive React Photo Gallery.
- 684⭐ 126🍴 [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom)) - A React component that adds pan and zoom features to SVG.
- 463⭐ 20🍴 [react-particle-image](https://github.com/malerba118/react-particle-image)) - 🌎 [demo](malerba118.github.io/react-particle-image-demo/) - Render images as interactive particles.
- 361⭐ 64🍴 [react-imgix](https://github.com/imgix/react-imgix)) - Add fast, responsive images as an image, picture, or background!
- 24⭐ 2🍴 [@frameright/react-image-display-control](https://github.com/Frameright/react-image-display-control)) - Define zoom regions for smart responsive images.
- 312⭐ 8🍴 [zoom-image](https://github.com/willnguyen1312/zoom-image)) - 🌎 [demo](willnguyen1312.github.io/zoom-image/examples/react.html) - 🌎 [docs](willnguyen1312.github.io/zoom-image) - A little yet powerful framework agnostic library to zoom image on the web
### Icons
_Display icons / icon set / emojis_
- 206⭐ 12🍴 [iconify-react](https://github.com/iconify/iconify-react)) - Over 40k icons from 50+ icon sets, including all popular icon and emoji sets.
- 11687⭐ 755🍴 [react-icons](https://github.com/gorangajic/react-icons)) - Svg react icons of popular icon packs using ES6 imports.
- 68⭐ 2🍴 [react-open-doodles](https://github.com/lunahq/react-open-doodles)) - Awesome free illustrations as react components.
- 226⭐ 20🍴 [react-icomoon](https://github.com/aykutkardas/react-icomoon)) - With react-icomoon you can easily use the icons you have selected or created in icomoon.
- 🌎 [tabler-icons-react](tabler-icons-react.vercel.app) - A set of over 450 free MIT-licensed high-quality SVG icons.
- 11512⭐ 526🍴 [Lucide](https://github.com/lucide-icons/lucide)) - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
### Paginator
_Display a control element to paginate_
- 2757⭐ 628🍴 [react-paginate](https://github.com/AdeleD/react-paginate)) - A ReactJS component that creates a pagination.
- 28⭐ 9🍴 [react-laravel-paginex](https://github.com/lionix-team/react-laravel-paginex)) - Laravel Pagination with ReactJS (customizable).
- 22⭐ 1🍴 [paginated](https://github.com/makotot/paginated)) - React render props & custom hook to build pagination.
- 17⭐ 3🍴 [react-steps](https://github.com/tkwant/react-steps)) - 🌎 [Demo](stepper.tkwant.de/) - Responsive React Stepper.
### Markdown Viewer
_Display parsed markdow source_
- 13277⭐ 876🍴 [react-markdown](https://github.com/rexxars/react-markdown)) - Render Markdown as React components.
### Canvas
_Sketch input using Canvas or SVG_
- 5798⭐ 260🍴 [react-konva](https://github.com/konvajs/react-konva)) - React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework.
- 684⭐ 231🍴 [react-sketch](https://github.com/tbolis/react-sketch)) - A Sketch tool for React based applications, backed-up by FabricJS
- 464⭐ 83🍴 [react-sketch-canvas](https://github.com/vinothpandian/react-sketch-canvas)) - 🌎 [Demo](vinoth.info/react-sketch-canvas/?path=/story/*) Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets
- 212⭐ 25🍴 [react-heat-map](https://github.com/uiwjs/react-heat-map)) - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.
### Screenshot
- 30651⭐ 4816🍴 [html2canvas](https://github.com/niklasvh/html2canvas)) - Take screenshots of any part of your web page using Javascript.
### Miscellaneous
- 5288⭐ 324🍴 [puck](https://github.com/measuredco/puck)) - 🌎 [demo](puck-editor-demo.vercel.app/edit) - The self-hosted visual editor for React
- 52⭐ 5🍴 [react-advanced-news-ticker](https://github.com/ahmetcanaydemir/react-advanced-news-ticker)) - 🌎 [demo](www.ahmetcanaydemir.com/react-advanced-news-ticker/) - A flexible and animated vertical news ticker component
- 68⭐ 6🍴 [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator)) - Allows users to create random kaleidoscopes to be used as avatars.
- 2018⭐ 505🍴 [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder)) - 🌎 [demo](ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export
- 463⭐ 48🍴 [react-blur](https://github.com/javierbyte/react-blur)) - React component for blurred backgrounds.
- 42⭐ 6🍴 [react-demo-tab](https://github.com/mkosir/react-demo-tab)) - 🌎 [demo](mkosir.github.io/react-demo-tab) - A React component to easily create demos of other components.
- 792⭐ 144🍴 [react-facebook](https://github.com/CherryProjects/react-facebook)) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post.
- 7⭐ 3🍴 [fastcomments-react](https://github.com/fastcomments/fastcomments-react)) - [demo]() - FastComments component for embedding a live comment thread on a page or SPA.
- 2294⭐ 255🍴 [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer)) - 🌎 [docs](react-pdf-viewer.dev) - A React component to view a PDF document.
- 1739⭐ 602🍴 [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot)) - 2⭐ 0🍴 [demo](https://github.com/anishagg17/PIzzaBuilder)) - A simple chatbot component to create conversation chats.
- 117⭐ 27🍴 [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input)) - File input component for control for file reading styling and abstraction.
- 51⭐ 11🍴 [react-filter-control](https://github.com/komarovalexander/react-filter-control)) - The React filterbuilder component for building the filter criteria in the UI.
- 78⭐ 2🍴 [react-headings](https://github.com/alexnault/react-headings)) - Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO, no matter your component structure, while you keep full control of what's rendered.
- 6905⭐ 536🍴 [react-joyride](https://github.com/gilbarbara/react-joyride)) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.
- 46⭐ 2🍴 [react-mouse-select](https://github.com/andreizanik/react-mouse-select)) - 🌎 [Demo](andreizanik.github.io/react-mouse-select/) A component that allows selecting DOM elements by moving the mouse
- 3958⭐ 325🍴 [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable)) - Resizable and movable component for React.
- 2465⭐ 220🍴 [react-resizable-box](https://github.com/bokuweb/react-resizable-box)) - Resizable component for React. #reactjs.
- 32⭐ 3🍴 [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome)) - 🌎 [demo](axmz.github.io/react-searchbox-awesome-page/) - Minimalistic searchbox.
- 3227⭐ 409🍴 [react-split-pane](https://github.com/tomkp/react-split-pane)) - React split-pane component.
- 50⭐ 17🍴 [react-swipe-to-delete-ios](https://github.com/arnaudambro/react-swipe-to-delete-ios)) - 🌎 [demo](arnaudambro.github.io/react-swipe-to-delete-ios/) - To delete an item in a list the same way iOS does.
- 115⭐ 20🍴 [react-swipeable-list](https://github.com/marekrozmus/react-swipeable-list)) - 🌎 [demo](marekrozmus.github.io/react-swipeable-list/) - Configurable component to render list with swipeable items.
- 3841⭐ 183🍴 [typography](https://github.com/KyleAMathews/typography.js)) - A powerful toolkit for building websites with beautiful typography.
- 18⭐ 0🍴 [react-pulse-text](https://github.com/Kelsier90/React-Pulse-Text)) - 🌎 [demo/docs](kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component.
- 8⭐ 1🍴 [captcha-image](https://github.com/tpkahlon/captcha-image)) - Allows you to generate a random captcha image with options.
- 9550⭐ 896🍴 [react-pdf](https://github.com/wojtekmaj/react-pdf)) - Display PDFs in your React app as easily as if they were images.
- 17⭐ 5🍴 [react-customizable-chat-bot](https://github.com/chithakumar13/react-chat-bot)) - 🌎 [Demo](chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes.
- 47⭐ 6🍴 [@restpace/schema-form](https://github.com/restspace/schema-form)) - 🌎 [Demo](restspace.io/react/schema-form/demo) - Easily build complex forms automatically from a JSON Schema.
- 277⭐ 21🍴 [react-darkreader](https://github.com/Turkyden/react-darkreader)) - A React Hook for adding a dark / night mode to your site inspired by darkreader.
- 104⭐ 13🍴 [react-apple-signin-auth](https://github.com/A-Tokyo/react-apple-signin-auth)) - Apple signin for React using the official Apple JS SDK.
- 5⭐ 0🍴 [react-mrz-scanner](https://github.com/tony-xlh/react-mrz-scanner)) - A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer.
### Form Components
_Let the user enter data_
#### Date / Time picker
_Date picker / time picker / datetime picker / date range picker_
- 104⭐ 16🍴 [date-range-picker](https://github.com/almogtavor/date-range-picker)) - 🌎 [demo](almogtavor.github.io/date-range-picker/) - A calendar component that supports date, range & ranges picks.
- 7927⭐ 2240🍴 [react-big-calendar](https://github.com/intljusticemission/react-big-calendar)) - Gcal/outlook like calendar component.
- 8122⭐ 2241🍴 [react-datepicker](https://github.com/Hacker0x01/react-datepicker)) - A simple and reusable datepicker component for React.
- 6103⭐ 734🍴 [react-day-picker](https://github.com/gpbl/react-day-picker)) - Flexible date picker for React.
- 603⭐ 103🍴 [react-flatpickr](https://github.com/coderhaoxin/react-flatpickr)) - Flatpickr for React.
- 97⭐ 47🍴 [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield)) - 🌎 [demo](antonfisher.com/react-simple-timefield/) - Simple time input field.
- 217⭐ 47🍴 [react-timezone-select](https://github.com/ndom91/react-timezone-select)) - 🌎 [demo](ndom91.github.io/react-timezone-select/) - Dynamic, succinct timezone select. Based on `react-select`.
- 🌎 [DevExtreme React Scheduler](devexpress.github.io/devextreme-reactive/react/scheduler/) - High-performance plugin-based scheduler/calendar for Material Design.
- 🌎 [jQWidgets Scheduler](www.jqwidgets.com/react/react-scheduler/) - Feature complete Scheduling library.
- 3586⭐ 514🍴 [react-calendar](https://github.com/wojtekmaj/react-calendar)) - Ultimate calendar for your React app.
- 1278⭐ 195🍴 [react-date-picker](https://github.com/wojtekmaj/react-date-picker)) - A date picker for your React app.
- 1353⭐ 91🍴 [schedule-x](https://github.com/schedule-x/schedule-x)) - Material design event calendar and date picker components. Demo site: https://schedule-x.dev/
#### Emoji picker
- 1096⭐ 38🍴 [interweave-emoji-picker](https://github.com/milesj/interweave/tree/master/packages/emoji-picker)) - A React based emoji picker powered by Interweave and Emojibase.
#### Input Types
_Masked inputs, specialized inputs; email / telephone number / credit card / etc._
- 2593⭐ 301🍴 [react-credit-cards](https://github.com/amarofashion/react-credit-cards)) - Beautiful credit cards for your payment forms.
- 400⭐ 63🍴 [react-payment-inputs](https://github.com/medipass/react-payment-inputs)) - 🌎 [demo](medipass.github.io/react-payment-inputs/?path=/story/usepaymentinputs--basic-no-styles) - A zero-dependency container to help with payment card input fields.
- 2238⭐ 255🍴 [react-input-mask](https://github.com/sanniassin/react-input-mask)) - [demo](http://sanniassin.github.io/react-input-mask/demo.html) - Yet another react component for input masking.
- 1440⭐ 164🍴 [@lunasec/react-sdk](https://github.com/lunasec-io/lunasec)) - 🌎 [docs](www.lunasec.io/docs/) - Secure, hardened form components that encrypt/tokenize all data automatically.
- 138⭐ 38🍴 [react-numpad](https://github.com/gpietro/react-numpad)) - 🌎 [demo](gpietro.github.io/react-numpad-demo/) - Extensible number pad control for numbers, dates and times.
- 304⭐ 72🍴 [react-multi-email](https://github.com/axisj/react-multi-email)) - 🌎 [demo](react-multi-email.vercel.app/) - Format multiple emails as the user types.
#### Autocomplete
_Autosuggest / autocomplete / typeahead_
- 5966⭐ 587🍴 [react-autosuggest](https://github.com/moroshko/react-autosuggest)) - WAI-ARIA compliant React autosuggest component.
- 677⭐ 229🍴 [react-typeahead](https://github.com/fmoo/react-typeahead)) - Pure react-based typeahead and typeahead-tokenizer.
#### Select
- 455⭐ 78🍴 [react-aria-menubutton](https://github.com/davidtheclark/react-aria-menubutton)) - A fully accessible, easily themeable, React-powered menu button.
- 195⭐ 11🍴 [react-functional-select](https://github.com/based-ghost/react-functional-select)) - 🌎 [demo](based-ghost.github.io/react-functional-select/) - Micro-sized & micro-optimized select component for React.js.
- 306⭐ 116🍴 [react-mobile-picker](https://github.com/adcentury/react-mobile-picker)) - 🌎 [demo](react-mobile-picker.vercel.app/) - An iOS like select box component.
- 27653⭐ 4128🍴 [react-select](https://github.com/JedWatson/react-select)) - A Select control built with and for React JS.
- 14⭐ 2🍴 [react-column-select](https://github.com/chr-ge/react-column-select)) - A column select component built for react.
- 685⭐ 148🍴 [react-select-search](https://github.com/tbleckert/react-select-search)) - 🌎 [demo](react-select-search.com/) - A lightweight select component for React
#### Color Picker
- 90⭐ 10🍴 [coloreact](https://github.com/elrumordelaluz/coloreact)) - A tiny Color Picker for React.
- 300⭐ 101🍴 [react-color](https://github.com/uiwjs/react-color)) - Is a tiny color picker widget component for React apps.
- 3204⭐ 102🍴 [react-colorful](https://github.com/omgovich/react-colorful)) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component.
- 244⭐ 35🍴 [react-input-color](https://github.com/wangzuo/react-input-color)) - React input color component with hsv color picker.
#### Toggle
- 443⭐ 15🍴 [@anatoliygatt/heart-switch](https://github.com/anatoliygatt/heart-switch)) - 🌎 [demo](codesandbox.io/s/demo-for-anatoliygatt-heart-switch-cds5p) - A fully themeable and accessible heart-shaped toggle switch component.
- 128⭐ 26🍴 [react-ios-switch](https://github.com/clari/react-ios-switch)) - React switch component.
- 949⭐ 157🍴 [react-toggle](https://github.com/instructure-react/react-toggle)) - An elegant, accessible toggle component for React. Also a glorified checkbox.
- 4⭐ 0🍴 [ui-switch](https://github.com/yairEO/ui-switch)) - The most complete _Toggle_ component
#### Slider
- 893⭐ 231🍴 [react-slider](https://github.com/mpowaga/react-slider)) - Slider component for React.
#### Radio Button
- 445⭐ 75🍴 [react-radio-group](https://github.com/chenglou/react-radio-group)) - Better radio buttons.
#### Type Select
_Let the user select something (e.g. a tag) while typing_
- 199⭐ 65🍴 [react-autocomplete-input](https://github.com/yury-dymov/react-autocomplete-input)) - Autocomplete input field for React.
- 2494⭐ 576🍴 [react-mentions](https://github.com/effektif/react-mentions)) - Mention people in a textarea.
- 320⭐ 8🍴 [rich-textarea](https://github.com/inokawa/rich-textarea)) - A textarea to colorize, highlight, decorate texts and offer autocomplete.
#### Tag Input
_Let the user add multiple tags in a single input_
- 1508⭐ 397🍴 [react-tag-input](https://github.com/prakhar1989/react-tags)) - A fantastically simple tagging component for your React projects.
- 1351⭐ 234🍴 [react-tagsinput](https://github.com/olahol/react-tagsinput)) - A simple react component for inputing tags.
- 148⭐ 48🍴 [react-tokeninput](https://github.com/instructure-react/react-tokeninput)) - Tokeninput component for React.
- 3557⭐ 436🍴 [tagify](https://github.com/yairEO/tagify)) - 🌎 [demo & docs](yaireo.github.io/tagify/) - Lightweight, efficient Tags input component.
#### Autosize Input / Textarea
- 770⭐ 178🍴 [react-input-autosize](https://github.com/JedWatson/react-input-autosize)) - Auto-resizing input field for React.
- 14⭐ 2🍴 [react-autowidth-input](https://github.com/kierien/react-autowidth-input)) - Highly configurable & extensible automatically sized input field built with hooks.
- 2243⭐ 248🍴 [react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize)) - <textarea /> component for React which grows with content.
#### Star Rating
- 347⭐ 6🍴 [react-rating](https://github.com/smastrom/react-rating)) - 🌎 [demo](react-rating.onrender.com/) - Zero-dependency, highly customizable rating component.
- 29⭐ 5🍴 [react-awesome-stars-rating](https://github.com/fedoryakubovich/react-awesome-stars-rating)) - 🌎 [demo](react-awesome-stars-rating.herokuapp.com/) - The star rating component with accessibility.
- 55⭐ 12🍴 [react-star-rating-input](https://github.com/ikr/react-star-rating-input)) - React.js component for entering 0-5 (or more) stars.
#### Drag and Drop
- 33420⭐ 2582🍴 [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd)) - Beautiful and accessible drag and drop for lists with React
- 21066⭐ 1994🍴 [react-dnd](https://github.com/gaearon/react-dnd)) - Drag and Drop for React.
- 19⭐ 3🍴 [react-drag-sizing](https://github.com/fritx/react-drag-sizing)) - "Drag to resize" (sizing) as React Component.
- 9039⭐ 1029🍴 [react-draggable](https://github.com/mzabriskie/react-draggable)) - React draggable component.
- 994⭐ 77🍴 [react-dragula](https://github.com/bevacqua/react-dragula)) - Drag and drop so simple it hurts.
- 10587⭐ 786🍴 [react-dropzone](https://github.com/okonet/react-dropzone)) - Simple HTML5 drag-drop zone with React.js.
- 1553⭐ 51🍴 [react-movable](https://github.com/tajo/react-movable)) - Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables.
- 648⭐ 51🍴 [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane)) - Sortable and resizable pane component for React.
- 1606⭐ 48🍴 [neodrag](https://github.com/PuruVJ/neodrag)) - Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same.
#### Sortable List
_Let the user define an order on a list_
- 460⭐ 84🍴 [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable)) - Sort any children with touch support and IE8 compatibility.
- 29761⭐ 3704🍴 [sortablejs](https://github.com/SortableJS/Sortable)) - Lists reorderable by drag-and-drop, within and among lists.
#### Rich Text Editor
- 1396⭐ 279🍴 [alloyeditor](https://github.com/liferay/alloy-editor)) - WYSIWYG editor based on CKEditor with completely rewritten UI.
- 97⭐ 53🍴 [ckeditor4-react](https://github.com/ckeditor/ckeditor4-react)) - An official CKEditor 4 rich text editor wrapper.
- 425⭐ 100🍴 [ckeditor5-react](https://github.com/ckeditor/ckeditor5-react)) - An official CKEditor 5 rich text editor wrapper.
- 22580⭐ 2638🍴 [draft-js](https://github.com/facebook/draft-js)) - A React framework for building text editors.
- 708⭐ 32🍴 [edtr-io](https://github.com/edtr-io/edtr-io)) - 🌎 [demo](edtr.io/) - 🌎 [docs](edtr.io/docs/getting-started) - WYSIWYG in-line web editor with plugins.
- 1215⭐ 219🍴 [megadraft](https://github.com/globocom/megadraft)) - Rich Text editor built on top of draft.js.
- 4088⭐ 605🍴 [react-ace](https://github.com/securingsincity/react-ace)) - Ace (Advanced Code Editor) wraper.
- 1684⭐ 134🍴 [react-codemirror](https://github.com/uiwjs/react-codemirror)) - 🌎 [demo](uiwjs.github.io/react-codemirror/) - CodeMirror component for React.
- 1637⭐ 218🍴 [react-contenteditable](https://github.com/lovasoa/react-contenteditable)) - React component for a div with editable contents.
- 6429⭐ 1163🍴 [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg)) - WYSIWYG editor build on top of 🌎 [DraftJS](draftjs.org/).
- 55⭐ 6🍴 [react-editor](https://github.com/fritx/react-editor)) - Simple richtext editor that can insert images and HTML.
- 504⭐ 93🍴 [react-medium-editor](https://github.com/wangzuo/react-medium-editor)) - medium-editor wrapper.
- 296⭐ 26🍴 [react-monacoeditor](https://github.com/jaywcjlove/react-monacoeditor)) - Monaco Editor component for React.
- 1598⭐ 169🍴 [react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)) - Simple no-frills code editor with syntax highlighting
- 6790⭐ 925🍴 [react-quill](https://github.com/zenoamaro/react-quill)) - Quill wrapper.
- 146⭐ 21🍴 [react-trumbowyg](https://github.com/RD17/react-trumbowyg)) - 🌎 [Trumbowyg](alex-d.github.io/Trumbowyg/) wrapper.
- 2737⭐ 237🍴 [remirror](https://github.com/remirror/remirror)) - 🌎 [demo](remirror.io/playground) - 🌎 [docs](remirror.io/docs) - ProseMirror toolkit for React.
- 29997⭐ 3255🍴 [slate](https://github.com/ianstormtaylor/slate)) - [demo](http://slatejs.org/) - 🌎 [docs](docs.slatejs.org/) - A completely customizable framework for building rich text editors.
- 312⭐ 27🍴 [smartblock](https://github.com/appleple/smartblock)) - 🌎 [demo](appleple.github.io/smartblock/) - 🌎 [docs](appleple.github.io/smartblock/get-started) - Block based WYSIWYG editor based on ProseMirror.
- 27665⭐ 2298🍴 [tiptap](https://github.com/ueberdosis/tiptap)) - 🌎 [demo](tiptap.dev/) - 🌎 [docs](tiptap.dev/introduction) - The headless editor framework for web artisans.
#### Markdown Editor
- 772⭐ 103🍴 [react-simplemde-editor](https://github.com/RIP21/react-simplemde-editor)) - React component wrapper for 2462⭐ 320🍴 [EasyMDE (the most fresh SimpleMDE fork)](https://github.com/Ionaru/easy-markdown-editor)).
- 215⭐ 27🍴 [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor)) - A markdown editor using React/Reflux.
- 2205⭐ 162🍴 [react-md-editor](https://github.com/uiwjs/react-md-editor)) - A simple markdown editor with preview, implemented with React.js and TypeScript.
#### Image Editing
_Image manipulation_
- 2377⭐ 371🍴 [react-avatar-editor](https://github.com/mosch/react-avatar-editor)) - Facebook-like, avatar / profile picture component.
- 68⭐ 6🍴 [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator)) - Generate fun kaleidoscope for user avatars.
- 2339⭐ 167🍴 [react-easy-crop](https://github.com/ricardo-ch/react-easy-crop)) - Component to crop/rotate images/videos with easy interactions. Touch friendly.
- 3891⭐ 344🍴 [react-image-crop](https://github.com/DominicTobias/react-image-crop)) - A responsive image cropping tool for React.
- 174⭐ 56🍴 [react-image-cropper](https://github.com/jerryshew/react-image-cropper)) - Image cropper.
- 704⭐ 34🍴 [react-advanced-cropper](https://github.com/advanced-cropper/react-advanced-cropper)) - A react cropper library to create the cropper exactly suited for your website design.
- 32⭐ 7🍴 [react-mobile-cropper](https://github.com/advanced-cropper/react-mobile-cropper)) - A ready-to-use image cropping library highly inspirited by popular Android croppers. Based on `react-advanced-cropper`.
#### Form Component Collections
- 571⭐ 149🍴 [formsy-material-ui](https://github.com/mbrookes/formsy-material-ui)) - A Formsy compatibility wrapper for Material UI form components.
- 288⭐ 92🍴 [formsy-react-components](https://github.com/twisty/formsy-react-components)) - A set of React JS components for use in a formsy-react form.
- 1377⭐ 68🍴 [react-input-enhancements](https://github.com/alexkuz/react-input-enhancements)) - Set of enhancements for input control.
- 2346⭐ 392🍴 [react-widgets](https://github.com/jquense/react-widgets)) - An à la carte set of polished, extensible, and accessible inputs.
#### Miscellaneous
- 161⭐ 9🍴 [@anatoliygatt/numeric-stepper](https://github.com/anatoliygatt/numeric-stepper)) - 🌎 [demo](codesandbox.io/s/demo-for-anatoliygatt-numeric-stepper-mllfyl) - A fully themeable and accessible numeric stepper component.
- 1096⭐ 38🍴 [interweave](https://github.com/milesj/interweave)) - React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.
- 1870⭐ 228🍴 [react-designer](https://github.com/react-designer/react-designer)) - Easy to configure, lightweight, editable vector graphics in your react components.
- 80⭐ 44🍴 [react-upload-gallery](https://github.com/TPMinan/react-upload-gallery)) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize.
#### Syntax Highlight
- 4143⭐ 287🍴 [react-syntax-highlighter](https://github.com/conorhastings/react-syntax-highlighter)) - Syntax highlighting component with Prismjs or Highlightjs AST using inline styles.
## UI Layout
**[`Back to top ⬆️`](#table-of-contents)**
_Components to layout the app's UI_
- 1578⭐ 120🍴 [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react)) - Auto responsive grid layout library.
- 6302⭐ 534🍴 [golden-layout](https://github.com/deepstreamIO/golden-layout)) - A multi-screen JavaScript Layout manager.
- 866⭐ 60🍴 [hedron](https://github.com/JSBros/hedron)) - A no-frills flexbox grid system, powered by styled-components.
- 161⭐ 21🍴 [m-react-splitters](https://github.com/martinnov92/React-Splitters)) - Splitter component, written in TypeScript.
- 359⭐ 52🍴 [muuri-react](https://github.com/Paol-imi/muuri-react)) - 🌎 [demo](1czo5.csb.app/) - 🌎 [docs](paol-imi.github.io/muuri-react) - Responsive, sortable, filterable and draggable grid layouts.
- 20540⭐ 2595🍴 [react-grid-layout](https://github.com/STRML/react-grid-layout)) - A draggable and resizable grid layout with responsive breakpoints, for React.
- 1444⭐ 145🍴 [react-masonry-component](https://github.com/eiriklv/react-masonry-component)) - Wrapper for @desandro's Masonry.
- 639⭐ 73🍴 [react-reflex](https://github.com/leefsmp/Re-Flex)) - Flex layout container component for advanced React web applications.
- 1304⭐ 24🍴 [react-spaces](https://github.com/aeagle/react-spaces)) - 🌎 [demo/docs](www.allaneagle.com/react-spaces/demo/) - Nestable anchored, resizable, scrollable components.
- 1228⭐ 72🍴 [react-stonecutter](https://github.com/dantrain/react-stonecutter)) - Animated grid layout component.
- 6⭐ 1🍴 [react-colrow](https://github.com/phphe/react-colrow)) - Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow.
- 7⭐ 1🍴 [react-schematic](https://github.com/umeshmk/react-schematic)) - 🌎 [demo](umeshmk.github.io/react-schematic) - Build responsive layouts using styled schematics without an overhead of any theme configuration
## UI Animation
**[`Back to top ⬆️`](#table-of-contents)**
_Animate transitions_
- 546⭐ 32🍴 [data-driven-motion](https://github.com/tkh44/data-driven-motion)) - Easily animate your data.
- 50⭐ 1🍴 [react-animatable](https://github.com/inokawa/react-animatable)) - An animation library using Web Animations API.
- 1557⭐ 80🍴 [react-anime](https://github.com/stelatech/react-anime)) - A super easy animation library.
- 4091⭐ 257🍴 [react-flip-move](https://github.com/joshwcomeau/react-flip-move)) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
- 727⭐ 38🍴 [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer)) - Use the full power of React and GSAP together.
- 7747⭐ 849🍴 [react-tsparticles](https://github.com/matteobruni/tsparticles/blob/master/components/react/README.md)) - A lightweight component to easily create interactive particles animations
- 21697⭐ 1155🍴 [react-motion](https://github.com/chenglou/react-motion)) - A spring that solves your animation problems.
- 363⭐ 23🍴 [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines)) - Wrapper to animate the line stroke in SVGs.
- 2597⭐ 137🍴 [react-router-transition](https://github.com/maisano/react-router-transition)) - Transitions built for react-router, powered by react-motion.
- 28253⭐ 1192🍴 [react-spring](https://github.com/react-spring/react-spring)) - A spring physics based animation library.
- 38⭐ 2🍴 [react-ts-typewriter](https://github.com/gerardmarquinarubio/ReactTypewriter)) - 🌎 [demo](codesandbox.io/s/react-typewriter-example-mgyclf) - Easy to use and customizable typewriter effect for any text.
- 25853⭐ 849🍴 [framer-motion](https://github.com/framer/motion)) - An animation and gesture library.
- 358⭐ 48🍴 [react-spark-scroll](https://github.com/gilbox/react-spark-scroll)) - Scroll-based actions and animations for react.
- 340⭐ 23🍴 [react-track](https://github.com/gilbox/react-track)) - Track the position of DOM elements. Create cool animations.
- 213⭐ 21🍴 [react-transitive-number](https://github.com/Lapple/react-transitive-number)) - Apply transition effect to numeric strings, a la old Groupon timers.
- 298⭐ 25🍴 [react-web-animation](https://github.com/bringking/react-web-animation)) - React components for the Web Animations API -.
- 9⭐ 1🍴 [auto-size-transition](https://github.com/DualWield/auto-size-transition)) - A component that scale dynamically according to the internal children size
- 651⭐ 96🍴 [react-particles-bg](https://github.com/lindelof/particles-bg)) - Particles backgrounds.
- 656⭐ 16🍴 [gooey-react](https://github.com/luukdv/gooey-react)) - 🌎 [demo/docs](gooey-react.netlify.app/) - The gooey effect for React, used for shape blobbing / metaballs.
- 72⭐ 1🍴 [react-voodoo](https://github.com/react-voodoo/react-voodoo)) - 3⭐ 0🍴 [demo/samples](https://github.com/react-voodoo/react-voodoo-samples)) - Additive animation engine allowing complex android/iOs-like animations, rendering sliders on SSR, predictive inertia, multitouch, etc
### Parallax
- 1864⭐ 141🍴 [simple-parallax-js](https://github.com/geosigno/simpleParallax.js)) - 🌎 [demo](simpleparallax.com) - The easiest way to get a parallax effect with React and JavaScript on images
- 982⭐ 118🍴 [react-parallax-tilt](https://github.com/mkosir/react-parallax-tilt)) - 🌎 [demo](mkosir.github.io/react-parallax-tilt) - Easily apply parallax tilt hover effect on components.
## UI Frameworks
**[`Back to top ⬆️`](#table-of-contents)**
### Responsive
_Set of components + responsive layout system_
- 🌎 [AgnosticUI](www.agnosticui.com/) - Accessible React component primitives that also work with Vue 3, Svelte, and Angular!
- 92640⭐ 49987🍴 [ant-design](https://github.com/ant-design/ant-design)) - 🌎 [demo/docs](ant.design/docs/react/introduce) - A UI Design Language from China. Individual [components](http://react-component.github.io/) available.
- 🌎 [atlaskit](atlaskit.atlassian.com/packages) - Atlassian's official UI library, with components from _badge_ to _tree table_.
- 🌎 [base web](baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products.
- 7871⭐ 1817🍴 [carbon](https://github.com/carbon-design-system/carbon)) - 🌎 [demo/docs](www.carbondesignsystem.com/) - A design system built by IBM.
- 51⭐ 16🍴 [cdbreact](https://github.com/Devwares-Team/cdbreact)) - 🌎 [demo](www.devwares.com/product/contrast) - 🌎 [docs](www.devwares.com/docs/contrast/react/index) - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps.
- 38018⭐ 3279🍴 [chakra-ui](https://github.com/chakra-ui/chakra-ui)) - 🌎 [demo/docs](chakra-ui.com) - Simple, Modular & Accessible UI Components for your React Applications.
- 2711⭐ 288🍴 [ChatUI](https://github.com/alibaba/ChatUI)) - 🌎 [demo/docs](chatui.io/) - The UI design language and React library for Conversational UI
- 681⭐ 262🍴 [CoreUI for React](https://github.com/coreui/coreui-react)) - 🌎 [demo/docs](coreui.io/react) - Open Source UI components library.
- 12394⭐ 831🍴 [evergreen](https://github.com/segmentio/evergreen)) - 🌎 [demo/docs](evergreen.segment.com) - Evergreen React UI Framework by Segment.
- 18579⭐ 2744🍴 [fluentui](https://github.com/microsoft/fluentui)) - UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.
- 4345⭐ 334🍴 [geist-ui](https://github.com/geist-org/geist-ui)) - Modern and minimalist React UI library.
- 4252⭐ 355🍴 [gestalt](https://github.com/pinterest/gestalt)) - 🌎 [demo/docs](pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language.
- 8348⭐ 1033🍴 [grommet](https://github.com/grommet/grommet)) - The most advanced UX framework for enterprise applications.
- 26883⭐ 1899🍴 [Mantine](https://github.com/mantinedev/mantine)) - 🌎 [demo/docs](mantine.dev/) - A fully featured library with 100+ hooks and components with native dark theme support
- 1391⭐ 151🍴 [orbit](https://github.com/kiwicom/orbit)) - Components for building travel oriented projects.
- 1897⭐ 425🍴 [flowbite-react](https://github.com/themesberg/flowbite-react)) - Open-source UI component library based on React, Tailwind CSS, and Flowbite.
- 6953⭐ 1055🍴 [primereact](https://github.com/primefaces/primereact)) - A complete UI Framework with 50+ components featuring material, bootstrap and custom themes.
- 🌎 [radix-ui](www.radix-ui.com/) - Unstyled, accessible components for building high‑quality design systems and web apps.
- 22414⭐ 3605🍴 [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap)) - Bootstrap components built with React.
- 601⭐ 68🍴 [react-foundation](https://github.com/digiaonline/react-foundation)) - Foundation as React components.
- 7902⭐ 372🍴 [reakit](https://github.com/ariakit/ariakit)) - 🌎 [demo/docs](reakit.io/docs/button/) Toolkit for building accessible rich web apps
- 4778⭐ 442🍴 [searchkit](https://github.com/searchkit/searchkit)) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
- 13228⭐ 4050🍴 [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React)) - The official Semantic-UI-React integration.
- 8489⭐ 717🍴 [semi-design](https://github.com/DouyinFE/semi-design)) - 🌎 [demo/docs](semi.design/) - A modern, comprehensive, flexible design system.
- 75331⭐ 4720🍴 [shadcn/ui](https://github.com/shadcn-ui/ui)) - 🌎 [demo](ui.shadcn.com/examples/mail) - 🌎 [docs](ui.shadcn.com/docs) - Beautifully designed components that you can copy and paste into your apps.
- 922⭐ 147🍴 [shineout](https://github.com/sheinsight/shineout)) - 🌎 [demo](shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc.
#### Material Design
- 🚀 94044⭐ 32313🍴 [Material UI](https://github.com/mui/material-ui)) - Full suite of components. Build your own design system, or start with Material Design.
- 🌎 [Autocomplete](mui.com/material-ui/react-autocomplete/) - Accessible autocomplete, combobox, multiselect
- 🌎 [Material Icons](mui.com/material-ui/material-icons/) - 1,000+ SVG material icons.
- 🌎 [Modal](mui.com/material-ui/react-modal/) - Accessible modal dialog component.
- 🌎 [Slider](mui.com/material-ui/react-slider/) - Accessible slider component.
- 🌎 [Table](mui.com/material-ui/react-table/) - table with sorting, selecting, pagination, virtualized.
- 🌎 [Tree View](mui.com/material-ui/react-tree-view/) - Accessible tree view component for React.
- 415⭐ 47🍴 [react-essence](https://github.com/Evo-Forge/Essence)) - Essence - The Essential Material Design Framework.
- 1379⭐ 303🍴 [react-materialize](https://github.com/react-materialize/react-materialize)) - Material design for react, powered by materializecss.
- 8655⭐ 972🍴 [react-toolbox](https://github.com/react-toolbox/react-toolbox)) - A set of React components implementing Google's Material Design.
- 1413⭐ 264🍴 [mdbootstrap](https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design)) - React Bootstrap with Material Design
### Mobile
- 11671⭐ 2411🍴 [antd-mobile](https://github.com/ant-design/ant-design-mobile)) - Configurable Mobile UI from China.
- 🌎 [Ionic React](ionicframework.com/blog/announcing-ionic-react/) - Ionic Framework: easily build Android, Desktop and Progressive Web Apps with one code base.
- ?⭐ ?🍴 [OnsenUI](https://github.com/OnsenUI/OnsenUI/)) - 🌎 [demo/docs](onsen.io/v2/guide/react/) - Mobile app framework with Material and flat (iOS) designs. Based on Web Components.
### Component Collections
- 20746⭐ 2175🍴 [blueprint](https://github.com/palantir/blueprint)) - 🌎 [demo](blueprintjs.com/) - 🌎 [docs](blueprintjs.com/docs/) - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications.
- ?⭐ ?🍴 [dataminr-react-components](https://github.com/dataminr/react-components)) - Collection of reusable React Components and utility functions.
- 762⭐ 98🍴 [shards-react](https://github.com/DesignRevision/shards-react)) - 🌎 [docs/demo](designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium.
- 1424⭐ 151🍴 [aframe-react](https://github.com/ngokevin/aframe-react)) - Build virtual reality experiences with A-Frame and React.
- 25032⭐ 5264🍴 [react-admin](https://github.com/marmelab/react-admin)) - Build admin user experiences on top of REST and GraphQL services.
- 28636⭐ 2241🍴 [refine](https://github.com/pankod/refine)) - 🌎 [demo](example.refine.dev) - 🌎 [docs](refine.dev/docs) - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit.
- 29⭐ 1🍴 [matrix-card](https://github.com/MehmetKaplan/matrix-card)) - 🌎 [demo](mehmetkaplan.github.io/matrix-card/) - Simplest possible component to generate matrix rain style cards.
- 8377⭐ 931🍴 [rsuite](https://github.com/rsuite/rsuite)) - 🌎 [demo/docs](rsuitejs.com/) - Suite of components for "enterprise system products".
- 8⭐ 0🍴 [lens-ui](https://github.com/luciancaetano/lens-ui)) - 8⭐ 0🍴 [docs](https://github.com/luciancaetano/lens-ui/blob/main/docs/introduction.md)) - A Suit of components focused on simplicity.
## UI Utilities
**[`Back to top ⬆️`](#table-of-contents)**
### Reporter
_Report computed styles_
#### Visibility Reporter
_Report when a component becomes visible/hidden_
- 5096⭐ 186🍴 [react-intersection-observer](https://github.com/thebuilder/react-intersection-observer)) - React implementation of the Intersection Observer API.
- 2326⭐ 195🍴 [react-visibility-sensor](https://github.com/joshwnj/react-visibility-sensor)) - Sensor component.
- 4078⭐ 208🍴 [react-waypoint](https://github.com/brigade/react-waypoint)) - A React component to execute a function whenever you scroll to an element.
#### Measurement Reporter
_Determine and report measurements of an element_
- 182⭐ 12🍴 [react-component-queries](https://github.com/ctrlplusb/react-component-queries)) - Provide props to your Components based on their Width and/or Height.
- 229⭐ 26🍴 [react-container-dimensions](https://github.com/okonet/react-container-dimensions)) - Wrapper component that detects element resize.
- 450⭐ 77🍴 [react-dimensions](https://github.com/digidem/react-dimensions)) - React higher-order component to get dimensions of container.
- 181⭐ 27🍴 [react-height](https://github.com/nkbt/react-height)) - Component-wrapper to determine and report children elements height.
- 1940⭐ 109🍴 [react-measure](https://github.com/souporserious/react-measure)) - Compute measurements of a React component.
- 1947⭐ 94🍴 [react-sizeme](https://github.com/ctrlplusb/react-sizeme)) - Make your React Components aware of their width and height.
### Device Input
_Turn user input into actions_
#### Keyboard Events
- 2154⭐ 160🍴 [react-hotkeys](https://github.com/chrisui/react-hotkeys)) - Declarative hotkey and focus area management for React.
- 387⭐ 29🍴 [react-key-handler](https://github.com/ayrton/react-key-handler)) - React component to handle keyboard events.
- 499⭐ 36🍴 [react-keydown](https://github.com/glortho/react-keydown)) - Lightweight keydown wrapper for React components.
- 328⭐ 37🍴 [react-shortcuts](https://github.com/avocode/react-shortcuts)) - Manage keyboard shortcuts from one place.
- 24⭐ 2🍴 [useKeyCapture](https://github.com/pranesh239/use-key-capture)) - A custom hook to ease the key-press listeners of a target/global.
- 29⭐ 0🍴 [react-keyboard-navigator](https://github.com/zheeeng/react-keyboard-navigator)) - A suite of React components and hook for selecting sibling components through the keyboard.
#### Scroll Events
- 123⭐ 17🍴 [react-scroll-components](https://github.com/jeroencoumans/react-scroll-components)) - A set of components that react to page scrolling.
#### Touch Swipe
- 1659⭐ 256🍴 [react-swipe](https://github.com/voronianski/react-swipe)) - Swipe.js as a React component.
#### Mouse Events
- 121⭐ 9🍴 [react-hook-mighty-mouse](https://github.com/mkosir/react-hook-mighty-mouse)) - 🌎 [demo](mkosir.github.io/react-hook-mighty-mouse) - Hook that tracks mouse events on selected element.
### Meta Tags
_Set meta tags, , children of _
- 2135⭐ 155🍴 [react-helmet-async](https://github.com/staylor/react-helmet-async#readme)) - Thread-safe Helmet for React 16+ and friends
- 17392⭐ 661🍴 [react-helmet](https://github.com/nfl/react-helmet)) - A document head manager for React.
### Portal
_Render an element at an arbitrary DOM node_
- 160⭐ 10🍴 [react-layer-stack](https://github.com/fckt/react-layer-stack)) - Simple but ubiquitously powerful and agnostic layering system for React.
- 2142⭐ 171🍴 [react-portal](https://github.com/tajo/react-portal)) - React component for transportation of modals, lightboxes, loading bars... to document.body.
### Test User Behavior
_A/B tests, experiments, ..._
- 319⭐ 20🍴 [react-experiments](https://github.com/HubSpot/react-experiments)) - React components for implementing UI experiments.
## Code Design
**[`Back to top ⬆️`](#table-of-contents)**
_Libraries that help with code design_
### Data Store
_Data flow / data management / data stores / components state / data flow_
- 310⭐ 38🍴 [baobab-react](https://github.com/Yomguithereal/baobab-react)) - React integration for Baobab.
- 1990⭐ 125🍴 [cerebral](https://github.com/cerebral/cerebral)) - A state controller with its own debugger.
- 4614⭐ 241🍴 [effector-react](https://github.com/effector/effector)) - React bindings for effector, an effective multi-store state manager.
- 576⭐ 21🍴 [fireproof](https://github.com/fireproof-storage/fireproof)) - 🌎 [demo](fireproof.storage/try-free/) - 🌎 [docs](use-fireproof.com/docs/welcome) Pure JS, zero dependency, CRDT database - runs in the browser and connects to any cloud or backend
- 🌎 [RxDB](rxdb.info/) - 21652⭐ 1063🍴 [demo](https://github.com/pubkey/rxdb/tree/master/examples/react)) - 🌎 [docs](rxdb.info/quickstart.html) A fast, local first, reactive Database for JavaScript Applications
- 1807⭐ 228🍴 [fluxible](https://github.com/yahoo/fluxible)) - A pluggable container for universal flux applications.
- 1940⭐ 51🍴 [kea](https://github.com/mariusandra/kea)) - High level architecture for React apps.
- 382⭐ 42🍴 [react-i13n](https://github.com/yahoo/react-i13n)) - A performant, scalable and pluggable approach to instrumenting your React application.
- 23388⭐ 3365🍴 [react-redux](https://github.com/reactjs/react-redux)) - Official React bindings for Redux.
- 1045⭐ 37🍴 [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions)) - Reducer + action to reduce actions under a single subscriber notification.
- 60937⭐ 15268🍴 [redux](https://github.com/reactjs/redux)) - Predictable state container for JavaScript apps.
- 19046⭐ 672🍴 [reselect](https://github.com/reactjs/reselect)) - Selector library for Redux.
- 80⭐ 4🍴 [resourcerer](https://github.com/SiftScience/resourcerer)) - Declarative data-fetching framework for REST APIs
- 9⭐ 0🍴 [synergies](https://github.com/lukasbach/synergies)) - 🌎 [docs](synergies.js.org) A performant and distributed context-state library for creating reusable React state logic by synergyzing atomar context pieces.
- 🌎 [zustand](zustand.surge.sh/) - 48198⭐ 1494🍴 [docs](https://github.com/pmndrs/zustand)) - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api.
- 713⭐ 25🍴 [teaful](https://github.com/teafuljs/teaful)) - Tiny, easy and powerful React state management
### Form Logic
- 304⭐ 87🍴 [data-driven-forms](https://github.com/data-driven-forms/react-forms)) - A declarative way for building forms with all the functionality.
- 33993⭐ 2792🍴 [formik](https://github.com/jaredpalmer/formik)) - Build forms without tears and supports Validation in ease.
- ?⭐ ?🍴 [formsy-react](https://github.com/formsy/formsy-react/)) - A form input builder and validator for React JS.
- 3⭐ 0🍴 [Phormal](https://github.com/phormal/phormal)) - 🌎 [Docs & Demos](phormal.dev/getting-started/react) - Responsive, multilingual forms with built-in validation, support for dark mode and right-to-left languages.
- 41680⭐ 2089🍴 [react-hook-form](https://github.com/react-hook-form/react-hook-form)) - React hooks for form validation without the hassle.
- 14375⭐ 2193🍴 [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form)) - A React component for building Web forms from JSONSchema.
- 4⭐ 1🍴 [react-client-validation](https://github.com/0529bill/react-client-validation)) - Simple and super lightweight validation for React.
- 7389⭐ 482🍴 [react-final-form](https://github.com/final-form/react-final-form)) - Subscription-based form state management
- 6⭐ 2🍴 [react-formawesome](https://github.com/MAKARD/react-formawesome)) - Complex library for creating awesome forms.
- 4220⭐ 815🍴 [surveyjs](https://github.com/surveyjs/survey-library)) - The advanced Survey and Form library
- 11506⭐ 1495🍴 [Formily](https://github.com/alibaba/formily)) - High performance, extensible, and Typescript friendly
- 4⭐ 0🍴 [hook-form-react](https://github.com/luoanb/hook-form-react)) - 🌎 [docs](luoanb.github.io/hook-form-react) - A lightweight, dependency-free solution React hooks for form validation.
### Router
- 872⭐ 94🍴 [react-router-component](https://github.com/STRML/react-router-component)) - Declarative router component for React.
- 836⭐ 61🍴 [react-router-scroll](https://github.com/taion/react-router-scroll)) - React Router scroll management.
- 53239⭐ 10322🍴 [react-router](https://github.com/reactjs/react-router)) - A complete routing library for React.
- 450⭐ 34🍴 [redux-first-history](https://github.com/salvoravida/redux-first-history)) - Redux First History - Redux history binding support react-router - @reach/router - wouter
- 1713⭐ 104🍴 [universal-router](https://github.com/kriasoft/universal-router)) - A simple middleware-style router for isomorphic JavaScript web apps.
- 6766⭐ 156🍴 [wouter](https://github.com/molefrog/wouter)) - A minimalist-friendly ~1.3KB routing library. Nothing else but hooks.
- 8274⭐ 664🍴 [tanstack-router](https://github.com/TanStack/router)) - Type-safe router with built-in caching & URL state management
### Props from server
_Component properties asynchronously fetched over the network_
- 3430⭐ 140🍴 [react-refetch](https://github.com/heroku/react-refetch)) - A simple, declarative, and composable way to fetch data for React components.
- 548⭐ 66🍴 [redux-connect](https://github.com/makeomatic/redux-connect)) - Provides decorator for resolving async props in react-router.
- 47⭐ 4🍴 [axios-react](https://github.com/soroushchehresa/axios-react)) - HTTP client component for React.
### Communication with server
- 19390⭐ 2661🍴 [apollo-client](https://github.com/apollostack/apollo-client)) - A simple caching client for any GraphQL server and UI framework.
- 18414⭐ 1831🍴 [react-relay](https://github.com/facebook/relay)) - Relay is a JavaScript framework for building data-driven React applications.
- 42654⭐ 2922🍴 [query](https://github.com/TanStack/query)) - 🌎 [docs](tanstack.com/query/v4) Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue.
### CSS / Style
- 204⭐ 5🍴 [aesthetic](https://github.com/milesj/aesthetic)) - A powerful type-safe, framework agnostic, CSS-in-JS library for styling components, whether it be plain objects, importing stylesheets, or simply referencing external class names.
- 5351⭐ 187🍴 [aphrodite](https://github.com/Khan/aphrodite)) - It's inline styles, but they work!.
- 394⭐ 59🍴 [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer)) - Run-time Autoprefixer for Inline Style Objects.
- 890⭐ 47🍴 [react-container-query](https://github.com/d6u/react-container-query)) - Modular responsive component.
- 7040⭐ 298🍴 [react-responsive](https://github.com/contra/react-responsive)) - Media queries in react for responsive design.
- 14⭐ 2🍴 [reactponsive](https://github.com/jmlweb/reactponsive)) - Responsive components and hooks.
- 40531⭐ 2500🍴 [styled-components](https://github.com/styled-components/styled-components)) - Visual primitives for the component age.
- 7758⭐ 254🍴 [stitches](https://github.com/stitchesjs/stitches)) - CSS-in-JS with near-zero runtime, SSR, multi-variant support.
### HTML Template
- 1618⭐ 64🍴 [jsx-control-statements](https://github.com/AlexGilleran/jsx-control-statements)) - Neater If and For for React JSX.
### Isomorphic Apps
- 5821⭐ 214🍴 [hypernova](https://github.com/airbnb/hypernova)) - A service for server-side rendering your JavaScript views.
- 1273⭐ 144🍴 [isomorphic-style-loader](https://github.com/kriasoft/isomorphic-style-loader)) - Isomorphic CSS style loader for Webpack.
- 3891⭐ 184🍴 [react-server](https://github.com/redfin/react-server)) - React framework with server render for blazing fast page load.
- 612⭐ 21🍴 [rill](https://github.com/rill-js/rill)) - Universal web application framework.
- 1252⭐ 48🍴 [webpack-isomorphic-tools](https://github.com/halt-hammerzeit/webpack-isomorphic-tools)) - Server-side rendering for your Webpack-built applications (e.g. React).
### Boilerplate
_Scaffold / starter kit / Yeoman generator / stack ensemble / seed_
- 102810⭐ 26874🍴 [create-react-app](https://github.com/facebookincubator/create-react-app)) - Create React apps with no build configuration.
- 184⭐ 28🍴 [crisp-react](https://github.com/winwiz1/crisp-react)) - Express integration in TypeScript with support for multiple SPAs and pitfall avoidance.
- 36⭐ 8🍴 [cra-template-redux-auth-starter](https://github.com/Nilanth/cra-template-redux-auth-starter)) - A Redux auth starter boilerplate for CRA.
- 23316⭐ 3875🍴 [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate)) - Live editing development on desktop app.
- 180⭐ 21🍴 [elegant](https://github.com/elegantframework/elegant-cli)) - 🌎 [docs](www.elegantframework.com/docs/installation) - 🌎 [demo](www.elegantframework.com/) - A simple React framework for rapidly building beautiful and expressive web applications with Next.js, Tailwind CSS, and Markdown loading.
- 329⭐ 75🍴 [extensive-react-boilerplate](https://github.com/brocoders/extensive-react-boilerplate)) - Boilerplate with Next.js, Auth (Sign in, Sign up, Reset password, Confirm email, Refresh Token), Material UI, React Hook Form, I18N, File uploads (support local and Amazon S3 drivers), Tests, CI.
- 1276⭐ 184🍴 [generator-starhackit](https://github.com/FredericHeem/starhackit)) - Full-stack starter kit.
- 5575⭐ 331🍴 [nwb](https://github.com/insin/nwb)) - CLI tool and devDependency for React apps & components and npm modules.
- 🌎 [nx](nx.dev) - Next generation build system with first class monorepo support and powerful integrations.
- 109⭐ 6🍴 [PBandJ](https://github.com/moishinetzer/pbandj)) - Zero-Config Reusable Component Framework.
- 3905⭐ 879🍴 [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate)) - Minimal live-editing boilerplate for your next ReactJS project.
- 587⭐ 19🍴 [rockpack](https://github.com/AlexSergey/rockpack)) - Simple solution for creating React application with SSR, bundling, linting, testing within 5 minutes.
- 25⭐ 6🍴 [create-react-dependency](https://github.com/andrelmlins/create-react-dependency)) - Create react dependencies with no build configuration.
- 160⭐ 16🍴 [phoenix](https://github.com/Sazito/phoenix)) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support.
- 91⭐ 22🍴 [react-enterprise-starter-kit](https://github.com/anandgupta193/react-enterprise-starter-kit)) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase.
### Miscellaneous
- 1270⭐ 102🍴 [react-inlinesvg](https://github.com/matthewwithanm/react-inlinesvg)) - An SVG loader component for ReactJS.
- 28⭐ 3🍴 [react-godfather](https://github.com/kapolos/react-godfather)) - A new way to write Functional Components, without Hooks.
- 2128⭐ 258🍴 [redux-auth-patch](https://github.com/lynndylanhurley/redux-auth)) - Complete token authentication system for react + redux that supports isomorphic rendering.
- 1400⭐ 63🍴 [redux-search](https://github.com/treasure-data/redux-search)) - Redux bindings for client-side search.
- 202⭐ 13🍴 [tcomb-react](https://github.com/gcanti/tcomb-react)) - Alternative syntax for PropTypes.
- 189⭐ 3🍴 [react-universal-hooks](https://github.com/salvoravida/react-universal-hooks)) - :tada: support react hooks everywhere (Functional or Class Component).
## Utilities
**[`Back to top ⬆️`](#table-of-contents)**
- 3894⭐ 335🍴 [qrcode.react](https://github.com/zpao/qrcode.react)) - A <QRCode/> component for use with React.
- 1287⭐ 65🍴 [``](https://github.com/bitjson/qr-code)) – A no-dependencies, customizable, animate-able, SVG-based `` element.
- 356⭐ 24🍴 [react-children-utilities](https://github.com/fernandopasik/react-children-utilities)) - Extended utils for React.Children.
- 2438⭐ 115🍴 [react-media](https://github.com/ReactTraining/react-media)) - A CSS media query component for React.
- 63⭐ 10🍴 [react-middle-ellipsis](https://github.com/bluepeter/react-middle-ellipsis)) - 🌎 [demo](bluepeter.github.io/react-middle-ellipsis/) - Truncate long strings in the middle instead of the end.
- 322⭐ 31🍴 [react-translate-component](https://github.com/martinandert/react-translate-component)) - Multi-lingual/localized text content.
### i18n
_Internationalization / L10n / localization / translation_
- 9319⭐ 1029🍴 [react-i18next](https://github.com/i18next/react-i18next)) - Internationalization for react done right. Using the i18next i18n ecosystem.
- 14328⭐ 1362🍴 [react-intl](https://github.com/yahoo/react-intl)) - Internationalize React apps.
- 9⭐ 1🍴 [react-localized](https://github.com/fakundo/react-localized)) - Internationalization for React components based on `gettext` format.
- 35⭐ 7🍴 [react-translate-maker](https://github.com/CherryProjects/react-translate-maker)) - Universal internationalization (i18n) open source library for React.
- 1340⭐ 154🍴 [react-intl-universal](https://github.com/alibaba/react-intl-universal)) - 🌎 [demo](g.alicdn.com/alishu/common/0.0.95/intl-example/index.html) Internationalize React apps. Not only for React.Component but also for Vanilla JS.
- 236⭐ 28🍴 [@tolgee/react](https://github.com/tolgee/tolgee-js/tree/main/packages/react)) - 🌎 [docs](tolgee.io/docs/web/using_with_react/installation) – Web-based localization tool enabling users to translate directly in the React app they develop
- 4639⭐ 382🍴 [js-lingui](https://github.com/lingui/js-lingui)) - 🌎 [docs](lingui.js.org) – A readable, automated, and optimized (5 kb) internationalization for JavaScript.
### Framework bindings / integrations
- 809⭐ 72🍴 [backbone-react-component](https://github.com/magalhas/backbone-react-component)) - A bit of nifty glue that automatically plugs your Backbone models.
- 113⭐ 0🍴 [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.
- 265⭐ 31🍴 [gl-react](https://github.com/ProjectSeptemberInc/gl-react)) - OpenGL / WebGL bindings for React to implement complex effects over images and content.
- 132⭐ 5🍴 [react-backbone](https://github.com/jhudson8/react-backbone)) - Backbone-aware mixins for react and a whole lot more.
- 1532⭐ 81🍴 [react-d3-library](https://github.com/react-d3-library/react-d3-library)) - Open source library for using D3 in React.
- 779⭐ 54🍴 [react-elm-components](https://github.com/evancz/react-elm-components)) - Write React components in Elm.
- 172⭐ 15🍴 [react-famous](https://github.com/pilwon/react-famous)) - React bridge to Famo.us.
- 289⭐ 20🍴 [react-localstorage](https://github.com/STRML/react-localstorage)) - Simple componentized localstorage implementation for Facebook's React.
- 507⭐ 53🍴 [react-lottie-player](https://github.com/mifi/react-lottie-player)) - 🌎 [demo](mifi.github.io/react-lottie-player/) - Declarative lottie animation player.
- 5111⭐ 631🍴 [react-on-rails](https://github.com/shakacode/react_on_rails)) - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.
- 1493⭐ 155🍴 [react-three-renderer](https://github.com/toxicFork/react-three-renderer)) - Render into a three.js canvas using React.
- 82⭐ 4🍴 [react-threejs](https://github.com/fritx/react-threejs)) - Simplest bindings between React & Three.js
- 3549⭐ 407🍴 [reactfire](https://github.com/firebase/reactfire)) - ReactJS mixin for easy Firebase integration.
- 697⭐ 45🍴 [reactive-elements](https://github.com/PixelsCommander/ReactiveElements)) - Allows to use React.js component as HTML element (web component).
- 1750⭐ 162🍴 [react-unity-webgl](https://github.com/elraccoone/react-unity-webgl)) - Unity intergration with two-way communication using a built-in Event System.
### Integrations with Third Party Services
- 5126⭐ 445🍴 [react-ga](https://github.com/react-ga/react-ga)) - React Google Analytics Module.
- 111⭐ 9🍴 [react-google-analytics](https://github.com/hzdg/react-google-analytics)) - Google analytics component.
- 480⭐ 113🍴 [react-google-autocomplete](https://github.com/ErrorPro/react-google-autocomplete)) - Google Places API components and hooks.
- 634⭐ 97🍴 [react-recaptcha](https://github.com/appleboy/react-recaptcha)) - A react.js reCAPTCHA for Google.
- 985⭐ 160🍴 [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.
- ?⭐ ?🍴 [redux-segment](https://github.com/rangle/redux-segment)) - Segment.io analytics integration for redux.
- 15⭐ 3🍴 [react-slack-notification](https://github.com/Nilanth/react-slack-notification)) - Send messages and error logs to a Slack channel directly.
- 3603⭐ 306🍴 [react-firebase-hooks](https://github.com/csfrequency/react-firebase-hooks)) - Hooks to integrate firebase in your application.
## Performance
**[`Back to top ⬆️`](#table-of-contents)**
### UI
- 16097⭐ 634🍴 [inferno](https://github.com/trueadm/inferno)) - An extremely fast, React-like JavaScript library for building modern user interfaces.
- 486⭐ 41🍴 [react-fastclick](https://github.com/JakeSidSmith/react-fastclick)) - Fast Touch Events for React.
- 223⭐ 16🍴 [react-static-container](https://github.com/reactjs/react-static-container)) - Renders static content efficiently.
#### Inspect
- 414⭐ 19🍴 [react-perf-tool](https://github.com/RamonGebben/react-perf-tool)) - Debug performance of your React application.
- 838⭐ 16🍴 [react-render-visualizer](https://github.com/redsunsoft/react-render-visualizer)) - Render visualizer for ReactJS.
#### Lazy Load
- 202⭐ 39🍴 [react-infinite-grid](https://github.com/ggordan/react-infinite-grid)) - A React component which renders a grid of elements.
- 2707⭐ 274🍴 [react-infinite](https://github.com/seatgeek/react-infinite)) - A browser-ready efficient scrolling container based on UITableView.
- 979⭐ 166🍴 [react-lazy-load](https://github.com/loktar00/react-lazy-load)) - React component that renders children elements when they enter the viewport.
- 5875⭐ 488🍴 [react-lazyload](https://github.com/jasonslyvia/react-lazyload)) - Lazyload your Component, Image or anything matters the performance.
- 26433⭐ 3063🍴 [react-virtualized](https://github.com/bvaughn/react-virtualized)) - React components for efficiently rendering large lists and tabular data.
### App Size
- 897⭐ 61🍴 [babel-plugin-transform-react-remove-prop-types](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types)) - Remove unnecessary React propTypes.
- 1726⭐ 98🍴 [react-lite](https://github.com/Lucifier129/react-lite)) - An implementation of React that optimizes for small script size.
### Server-Side Rendering
- 105⭐ 10🍴 [iSSR](https://github.com/AlexSergey/issr)) - The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.
- 678⭐ 30🍴 [react-esi](https://github.com/dunglas/react-esi)) - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments
## Dev Tools
**[`Back to top ⬆️`](#table-of-contents)**
### Test
- 787⭐ 72🍴 [chai-enzyme](https://github.com/producthunt/chai-enzyme)) - Chai.js assertions and convenience functions for testing React Components with enzyme.
- 19954⭐ 2010🍴 [enzyme](https://github.com/airbnb/enzyme)) - JavaScript Testing utilities for React.
- 44306⭐ 6473🍴 [jest-cli](https://github.com/facebook/jest)) - Painless JavaScript Testing.
- 193⭐ 15🍴 [react-unit](https://github.com/pzavolinsky/react-unit)) - Lightweight unit test library for ReactJS.
- 495⭐ 20🍴 [redux-test-recorder](https://github.com/conorhastings/redux-test-recorder)) - A redux middleware to automatically generate tests for reducers through ui interaction.
- 16⭐ 2🍴 [rut](https://github.com/milesj/rut)) - React testing made easy with `react-test-renderer`. Supports DOM and custom renderers.
- 186⭐ 19🍴 [unexpected-react](https://github.com/bruderstein/unexpected-react)) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.
- 67191⭐ 3693🍴 [playwright](https://github.com/microsoft/playwright)) enables reliable end-to-end testing for modern web apps.
### Redux
- 291⭐ 22🍴 [redux-devtools-chart-monitor](https://github.com/romseguy/redux-devtools-chart-monitor)) - A chart monitor for Redux DevTools.
- 405⭐ 47🍴 [redux-devtools-dock-monitor](https://github.com/gaearon/redux-devtools-dock-monitor)) - A resizable and movable dock for Redux DevTools monitors.
- 153⭐ 10🍴 [redux-devtools-filterable-log-monitor](https://github.com/bvaughn/redux-devtools-filterable-log-monitor)) - Filterable tree view monitor for Redux DevTools.
- 238⭐ 46🍴 [redux-devtools-inspector](https://github.com/alexkuz/redux-devtools-inspector)) - Another Redux DevTools Monitor.
- 310⭐ 67🍴 [redux-devtools-log-monitor](https://github.com/gaearon/redux-devtools-log-monitor)) - The default monitor for Redux DevTools with a tree view.
- 14064⭐ 1167🍴 [redux-devtools](https://github.com/gaearon/redux-devtools)) - DevTools for Redux with hot reloading, action replay, and customizable UI.
- 1805⭐ 139🍴 [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools)) - Redux DevTools remotely.
### Inspect
- 🌎 [fluxguard](fluxguard.com) - PROD change monitoring that highlights all DOM + design changes.
- 774⭐ 95🍴 [react-inspector](https://github.com/xyc/react-inspector)) - Power of Browser DevTools inspectors right inside your React app.
- 291⭐ 67🍴 [react-json-inspector](https://github.com/Lapple/react-json-inspector)) - React JSON inspector component.
- 14939⭐ 945🍴 [reactotron](https://github.com/reactotron/reactotron)) - A CLI and OS X app for inspecting your React JS and React Native apps.
### Miscellaneous
- 80⭐ 8🍴 [component-controls](https://github.com/ccontrols/component-controls)) - 🌎 [demo](component-controls.com) - 🌎 [docs](component-controls.com/tutorial) - A next-generation tool to create blazing-fast documentation sites.
- 8361⭐ 350🍴 [cosmos-js](https://github.com/skidding/cosmos)) - DX tool for designing truly encapsulated React components.
- 56⭐ 6🍴 [react-demo-tab-cli](https://github.com/mkosir/react-demo-tab-cli)) - CLI tool for creating demos of react components.
- 10847⭐ 1436🍴 [react-styleguidist](https://github.com/sapegin/react-styleguidist)) - React style guide generator.
- 29146⭐ 2325🍴 [standard-react](https://github.com/feross/standard)) - JavaScript Standard Style Guide.
- 🌎 [Plasmic](www.plasmic.app/) - Powerful design tool for building your React components visually.
- 59⭐ 11🍴 [SimpleLocalize](https://github.com/simplelocalize/simplelocalize-cli)) - Open source CLI tool for finding i18n keys in React projects.
- 79⭐ 12🍴 [react-device-frameset](https://github.com/zheeeng/react-device-frameset)) - React device frameset component.
## Miscellaneous
**[`Back to top ⬆️`](#table-of-contents)**
- 190⭐ 22🍴 [DataFormsJS JSX Loader](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md)) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page.
- 2132⭐ 135🍴 [html-to-react-components](https://github.com/roman01la/html-to-react-components)) - Extract annotated portions of HTML into React components as separate modules.
- 947⭐ 100🍴 [htmltojsx](https://github.com/reactjs/react-magic)) - Automatically AJAXify plain HTML with the power of React. It's magic!.
- 173⭐ 17🍴 [jsonx](https://github.com/repetere/jsonx)) - React JSON Syntax.
- 3605⭐ 363🍴 [mozaik](https://github.com/plouc/mozaik)) - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.
- 4461⭐ 177🍴 [react-blessed](https://github.com/Yomguithereal/react-blessed)) - A react renderer for blessed.
- 10⭐ 4🍴 [jsondiffpatch-react](https://github.com/bluepeter/jsondiffpatch-react)) - JSON diffing.
- 3688⭐ 253🍴 [iron-session](https://github.com/vvo/iron-session)) - Secure, stateless, and cookie-based session library.
### Static Website Generator
- 55277⭐ 10311🍴 [gatsby](https://github.com/gatsbyjs/gatsby)) - Transform plain text into dynamic blogs and websites using React.js.
## Cloud Solutions
**[`Back to top ⬆️`](#table-of-contents)**
### Databases
- 365⭐ 22🍴 [BCMS](https://github.com/bcms/cms)) - API-based, open-source, self-hostable content management system for Gatsby, Nuxt and Next.
- 45⭐ 5🍴 [crisp-bigquery](https://github.com/winwiz1/crisp-bigquery)) - Full stack Google BigQuery with Express in TypeScript.
- 299⭐ 46🍴 [react-server-routing-example](https://github.com/mhart/react-server-routing-example)) - Universal client/server routing and data with AWS DynamoDB.
## Source
42767⭐ 3508🍴 [brillout/awesome-react-components](https://github.com/brillout/awesome-react-components))