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: 3⭐
1🍴
Awesome React Frameworks).
Maintainers:
- @petebray, author of 🌎 Fluxguard — monitor PROD website changes.
- 🌎 @brillout, author of 🌎 Vike — a fast Vite-based React framework that is flexible, lean, community-driven and dependable.
Please review our contributing guidelines. 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.
- UI Components
- Editable data grid / spreadsheet
- Table
- Infinite Scroll
- Overlay
- Notification
- Tooltip
- Menu
- Sticky
- Tabs
- Loader
- Captcha
- Carousel
- Buttons
- Collapse
- Chart
- Command palette
- Tree
- UI Navigation
- Custom Scrollbar
- Audio / Video
- Map
- Time / Date / Age
- Photo / Image
- Icons
- Paginator
- Markdown Viewer
- Canvas
- Screenshot
- Miscellaneous
- Form Components
- UI Layout
- UI Animation
- UI Frameworks
- UI Utilities
- Code Design
- Utilities
- Performance
- Dev Tools
- Miscellaneous
- Cloud Solutions
2295⭐
211🍴
fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel.12056⭐
1812🍴
AG Grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.142⭐
32🍴
gigatables-react) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.3904⭐
1188🍴
MUI X Data grid) - 🌎 demo/docs - Fast and customizable data grid with advanced features for power users and complex use cases.6789⭐
2166🍴
react-data-grid) - Excel-like grid.2683⭐
167🍴
revo-grid) - 🌎 demo/docs - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization.1115⭐
123🍴
ReactGrid) - 🌎 demo/docs - Add spreadsheet-like behavior to your app- 🌎 jqwidgets-react-grid - Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more.
-
736⭐
54🍴
ka-table) - 🌎 demo - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. -
863⭐
64🍴
mantine-datatable) - 🌎 demo/docs - Lightweight table component for Mantine UI applications, with lots of features -
3485⭐
1032🍴
material-table) - 🌎 demo/docs - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing -
2684⭐
933🍴
mui-datatables) - Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. -
2013⭐
401🍴
react-data-table) - 🌎 demo/docs - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination -
24454⭐
3023🍴
TanStack Table) - 🌎 demo - Headless UI for building powerful tables & datagrids -
715⭐
42🍴
react-table-library) - 🌎 demo - React Table Library -- an almost headless table library -- for building better tables. -
707⭐
134🍴
rsuite-table) - demo/docs - A table component that supports virtualized. -
161⭐
25🍴
sematable) - Client side sorting, pagination, and text filter for redux/react based apps. -
🌎 DevExtreme React Grid - High-performance plugin-based data grid for Bootstrap and Material Design.
-
🌎 Smart React Grid - Fast and feature-complete data grid with Material Design.
-
🌎 KendoReact Grid - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more.
-
1390⭐
395🍴
Material-React-Table) - A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript -
🌎 AG Grid - The Best JavaScript Grid in the World
1908⭐
91🍴
@egjs/react-infinitegrid) - 🌎 npm - 🌎 demo - A module used to arrange card elements including content infinitely according to various layout types.5838⭐
488🍴
react-lazyload) - Lazyload your Component, Image or anything else where the performance matters.1960⭐
176🍴
react-list) - A versatile infinite scroll React component.75⭐
5🍴
@af-utils/virtual) - 🌎 demo/docs - Render large scrollable lists and grids.15453⭐
779🍴
react-window) - 🌎 demo - React components for efficiently rendering large lists and tabular data1050⭐
36🍴
virtua) - 🌎 demo - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid.
Display overlay / modal / alert / dialog / lightbox / popup
1031⭐
96🍴
react-aria-modal) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices.7339⭐
807🍴
react-modal) - Accessible modal dialog component for React.149⭐
8🍴
reoverlay) - 🌎 demo - The missing solution for managing modals.16975⭐
1596🍴
sweetalert2) - 🌎 demo/docs - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.684⭐
46🍴
sweetalert2-react-content) - Official SweetAlert2 enhancer adding support for React elements as content
Toaster / snackbar — Notify the user with a modeless temporary little popup
1261⭐
73🍴
react-notifications-component) - 🌎 demo - Highly customizable and easy-to-use component for notifications.- 🌎 notistack - 🌎 demo - 🌎 docs - Highly customizable notification snackbars (toasts) that can be stacked on top of each other
127⭐
2🍴
react-local-toast) - 🌎 demo - 🌎 docs - show feedback linked to particular component instead of app-wide toasts.72⭐
4🍴
react-toast) - 🌎 demo -72⭐
4🍴
docs) - Minimal toast notifications.- 🚀
12337⭐
676🍴
react-toastify) - 🌎 demo - best bet out there at the moment. Hooks support. No refs. 1544⭐
78🍴
reapop) - A React & Redux notifications system.60⭐
6🍴
simple-react-notifications) - 🌎 demo - Tiny notification library (1kb gzip).9357⭐
307🍴
react-hot-toast) - 🌎 demo - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default.- 🌎 Sonner - An opinionated toast component for React.
3500⭐
524🍴
react-tooltip) - React tooltip component.
Menus / sidebars
941⭐
34🍴
hamburger-react) - 🌎 demo/docs - Animated hamburger menu icons for React.5021⭐
582🍴
react-burger-menu) - An off-canvas sidebar with effects and styles.50⭐
19🍴
react-offcanvas) - Off-canvas menus for React.173⭐
19🍴
react-planet) - 🌎 demo - Create circular menus which looks like planets.120⭐
6🍴
mantine-contextmenu) - 🌎 demo/docs - Context-menu hook/component for applications built with Mantine UI.
Fixed headers / scroll-up headers / sticky elements
1821⭐
148🍴
react-headroom) - Hide your header until you need it.1257⭐
144🍴
react-stickynode) - A performant and comprehensive React sticky.
3065⭐
442🍴
react-tabs) - React tabs component.398⭐
54🍴
react-tabtab) - React, tabs.
Loaders / spinners / progress bars — Let the user know that something is loading
954⭐
143🍴
react-loader-spinner) - Collection set of react-spinner for async operation.936⭐
94🍴
react-redux-loading-bar) - Simple Loading Bar for Redux and React.323⭐
20🍴
react-spinners-css) - Amazing collection of react spinners components.2993⭐
259🍴
react-spinners) - A collection of loading spinner components for react.13484⭐
412🍴
react-content-loader) - SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).
39⭐
19🍴
react-simple-captcha) - 🌎 npm - 🌎 demo - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS.31⭐
0🍴
procaptcha) - 🌎 demo - 🌎 docs - Privacy focused free CAPTCHA
2684⭐
129🍴
@egjs/react-flicking) - 🌎 npm - 🌎 demo - It's reliable, flexible and extendable carousel.2897⭐
287🍴
react-awesome-slider) - 🌎 demo - Fullpage, 3D animated, 60fps media and content slider/carousel.1666⭐
163🍴
pure-react-carousel) - Built from scratch and not highly opinionated.1488⭐
153🍴
react-id-swiper) - A library to use idangerous Swiper as a ReactJs component77⭐
26🍴
react-instagram-zoom-slider) - 🌎 demo - A slider component with pinch to zoom capabilities inspired by Instagram.2647⭐
627🍴
react-responsive-carousel) - React.js Responsive Carousel (with Swipe).11614⭐
2091🍴
react-slick) - React carousel component.4570⭐
210🍴
keen-slider) - 🌎 demo - Performant carousel/slider with native touch/swipe behavior.39059⭐
9749🍴
swiper) - 🌎 demo - 🌎 docs - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
1279⭐
131🍴
react-awesome-button) - 🌎 demo - 3D animated 60fps buttons with load progress and social share actions.125⭐
20🍴
reactive-button) - 🌎 demo - 🌎 docs - A beautiful animated button component with progress indicator.
783⭐
113🍴
react-accessible-accordion) - Accessible Accordion component for React.1121⭐
114🍴
react-collapse) - Component-wrapper for collapse animation with react-motion.81⭐
10🍴
react-tabbordion) - 🌎 demo - Universal, semantic and CSS-only components for creating Accordions and Tabs.
Display data in charts / graphs / diagrams
691⭐
33🍴
chartify) - React.js plugin for building animated draggable and customizable charts.328⭐
99🍴
essential js 2 charts) - Beautiful and interactive charts & graphs for react.4430⭐
624🍴
echarts for react) - Wrapper around beautiful Apache Echarts18⭐
4🍴
jscharting-react) – React chart component offering a complete set of chart types and engaging data visualizations with 🌎 JSCharting.528⭐
95🍴
react-chartist) - React component for Chartist.js.71⭐
6🍴
react-charty) - 🌎 demo - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming.6475⭐
2384🍴
react-chartjs-2) - Common react charting components using Chart.js 2.0.1629⭐
206🍴
react-d3-components) - D3 Components for React.1439⭐
143🍴
react-dazzle) - Dashboards made easy in React JS.1570⭐
342🍴
react-google-charts) - React-google-charts React component.1255⭐
235🍴
react-highcharts) - React-highcharts.258⭐
44🍴
react-sigmajs) - Lightweight but powerful library for drawing network graphs built on top of SigmaJS.2832⭐
192🍴
react-sparklines) - Beautiful and expressive Sparklines React component.855⭐
283🍴
react-timeseries-charts) - Declarative timeseries charts.8693⭐
829🍴
react-vis) - Data visualization library based on React and d3.23098⭐
1676🍴
recharts) - Redefined chart library built with React and D3.346⭐
36🍴
rumble-charts) - React components for building composable and flexible charts.10845⭐
524🍴
victory) - Data viz for React.- 🌎 semiotic - Semiotic is a data visualization framework for React.
- 🌎 DevExtreme React Chart - High-performance plugin-based chart for Bootstrap and Material Design.
- 🌎 Smart React Chart - Feature complete Charting library.
16⭐
2🍴
react-muze) - React wrapper for 🌎 muze(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)42⭐
8🍴
Flowchart React) - Flowchart & Flowchart designer for React.js.1568⭐
363🍴
react-dashboard) - Isomorphic Dashboards.
- 🌎 cmdk - Fast, composable, unstyled command menu for React.
4706⭐
179🍴
kbar) - 🌎 demo - Fast, portable, and extensible cmd+k interface.
Display a tree data structure
2871⭐
122🍴
react-arborist) - 🌎 demo - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search804⭐
67🍴
react-complex-tree) - 🌎 demo - 🌎 docs - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search1090⭐
165🍴
react-treeview) - Easy, light, flexible tree view made with React.13⭐
3🍴
he-tree-react) - 🌎 demo - 🌎 docs - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized.
Ways to navigate views
4304⭐
435🍴
react-scroll) - React scroll component.4448⭐
470🍴
react-swipeable-views) - A React Component for binded Tabs and Swipeable Views.
143⭐
14🍴
rc-scrollbars) - 🌎 demo - Customizable scrollbars with flex options and 60FPS547⭐
66🍴
react-custom-scroll) - demo - Easily customize the browser scroll bar with native OS scroll behavior.28⭐
4🍴
react-shadow-scroll) - Component that customizes the image and inserts shadow when scrolling exists.
17⭐
6🍴
react-dailymotion) - Dailymotion player component for React.9011⭐
1123🍴
react-player) - A react component for playing a variety of URLs, including YouTube.1460⭐
110🍴
react-soundplayer) - Create custom SoundCloud players with React.1836⭐
223🍴
react-youtube) - React.js powered YouTube player component.2639⭐
390🍴
video-react) - A web video player built for the HTML5 world using React library.72⭐
23🍴
material-ui-audio-player) - Audio player for material ui design.9⭐
2🍴
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⭐
2🍴
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.
6331⭐
838🍴
google-map-react) - Universal google map react component, allows render react components on the google map.3427⭐
142🍴
pigeon-maps) - 🌎 demo - ReactJS Maps without external dependencies.1031⭐
326🍴
react-geosuggest) - A React autosuggest for the Google Maps Places API.5002⭐
880🍴
react-leaflet) - React components for Leaflet maps.7673⭐
1330🍴
react-map-gl) - A React wrapper for MapboxGL-js and overlay API.224⭐
47🍴
react-svg-map) - 🌎 demo - A set of components to display an interactive SVG map.
Display time / date / age
1044⭐
121🍴
react-timeago) - A simple time-ago component for ReactJs.418⭐
22🍴
timeago-react) - Format date with*** time ago
statement. eg: '3 hours ago'.383⭐
46🍴
react-google-flight-datepicker) - Google flight date picker implemented in ReactJS.
Display images / photos
6313⭐
1279🍴
lightGallery) - 🌎 demo - 🌎 docs - Full-featured lightbox gallery component.314⭐
77🍴
react-compare-image) - 🌎 demo - React component to compare two images using a slider.3738⭐
706🍴
react-image-gallery) - Responsive image gallery, carousel, image slider react component.746⭐
34🍴
yet-another-react-lightbox) - 🌎 demo - 🌎 docs - React lightbox component.184⭐
10🍴
react-intense) - A React component for viewing large images up close.475⭐
34🍴
react-photo-album) - 🌎 demo - 🌎 docs - Responsive React Photo Gallery.677⭐
125🍴
react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG.458⭐
19🍴
react-particle-image) - 🌎 demo - Render images as interactive particles.355⭐
64🍴
react-imgix) - Add fast, responsive images as an image, picture, or background!21⭐
2🍴
@frameright/react-image-display-control) - Define zoom regions for smart responsive images.290⭐
8🍴
zoom-image) - 🌎 demo - 🌎 docs - A little yet powerful framework agnostic library to zoom image on the web
Display icons / icon set / emojis
205⭐
12🍴
iconify-react) - Over 40k icons from 50+ icon sets, including all popular icon and emoji sets.11267⭐
729🍴
react-icons) - Svg react icons of popular icon packs using ES6 imports.65⭐
1🍴
react-open-doodles) - Awesome free illustrations as react components.216⭐
22🍴
react-icomoon) - With react-icomoon you can easily use the icons you have selected or created in icomoon.- 🌎 tabler-icons-react - A set of over 450 free MIT-licensed high-quality SVG icons.
9448⭐
414🍴
Lucide) - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Display a control element to paginate
2733⭐
625🍴
react-paginate) - A ReactJS component that creates a pagination.27⭐
9🍴
react-laravel-paginex) - Laravel Pagination with ReactJS (customizable).21⭐
1🍴
paginated) - React render props & custom hook to build pagination.15⭐
3🍴
react-steps) - 🌎 Demo - Responsive React Stepper.
Display parsed markdow source
12558⭐
850🍴
react-markdown) - Render Markdown as React components.
Sketch input using Canvas or SVG
5590⭐
250🍴
react-konva) - React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework.670⭐
226🍴
react-sketch) - A Sketch tool for React based applications, backed-up by FabricJS402⭐
70🍴
react-sketch-canvas) - 🌎 Demo Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets179⭐
24🍴
react-heat-map) - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.
30060⭐
4746🍴
html2canvas) - Take screenshots of any part of your web page using Javascript.
4777⭐
241🍴
puck) - 🌎 demo - The self-hosted visual editor for React51⭐
5🍴
react-advanced-news-ticker) - 🌎 demo - A flexible and animated vertical news ticker component68⭐
6🍴
react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars.1892⭐
485🍴
react-awesome-query-builder) - 🌎 demo - Visual query builder from form fields, with SQL, MongoDB and JSON export453⭐
48🍴
react-blur) - React component for blurred backgrounds.41⭐
6🍴
react-demo-tab) - 🌎 demo - A React component to easily create demos of other components.783⭐
141🍴
react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post.7⭐
3🍴
fastcomments-react) - demo - FastComments component for embedding a live comment thread on a page or SPA.2091⭐
220🍴
react-pdf-viewer) - 🌎 docs - A React component to view a PDF document.1714⭐
596🍴
react-simple-chatbot) -2⭐
0🍴
demo) - A simple chatbot component to create conversation chats.117⭐
29🍴
react-file-reader-input) - File input component for control for file reading styling and abstraction.49⭐
11🍴
react-filter-control) - The React filterbuilder component for building the filter criteria in the UI.72⭐
2🍴
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.6603⭐
517🍴
react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.41⭐
2🍴
react-mouse-select) - 🌎 Demo A component that allows selecting DOM elements by moving the mouse3811⭐
322🍴
react-resizable-and-movable) - Resizable and movable component for React.2360⭐
213🍴
react-resizable-box) - Resizable component for React. #reactjs.31⭐
3🍴
react-searchbox-awesome) - 🌎 demo - Minimalistic searchbox.3167⭐
408🍴
react-split-pane) - React split-pane component.44⭐
16🍴
react-swipe-to-delete-ios) - 🌎 demo - To delete an item in a list the same way iOS does.103⭐
20🍴
react-swipeable-list) - 🌎 demo - Configurable component to render list with swipeable items.3819⭐
181🍴
typography) - A powerful toolkit for building websites with beautiful typography.17⭐
0🍴
react-pulse-text) - 🌎 demo/docs - Allows you to animate the text of any property of another component.8⭐
1🍴
captcha-image) - Allows you to generate a random captcha image with options.8933⭐
859🍴
react-pdf) - Display PDFs in your React app as easily as if they were images.17⭐
5🍴
react-customizable-chat-bot) - 🌎 Demo - Build your own chatbot matching your brand needs in minutes.46⭐
6🍴
@restpace/schema-form) - 🌎 Demo - Easily build complex forms automatically from a JSON Schema.278⭐
20🍴
react-darkreader) - A React Hook for adding a dark / night mode to your site inspired by darkreader.101⭐
14🍴
react-apple-signin-auth) - Apple signin for React using the official Apple JS SDK.4⭐
0🍴
react-mrz-scanner) - A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer.
Let the user enter data
Date picker / time picker / datetime picker / date range picker
102⭐
16🍴
date-range-picker) - 🌎 demo - A calendar component that supports date, range & ranges picks.7530⭐
2195🍴
react-big-calendar) - Gcal/outlook like calendar component.7890⭐
2229🍴
react-datepicker) - A simple and reusable datepicker component for React.5858⭐
700🍴
react-day-picker) - Flexible date picker for React.595⭐
101🍴
react-flatpickr) - Flatpickr for React.96⭐
47🍴
react-simple-timefield) - 🌎 demo - Simple time input field.205⭐
46🍴
react-timezone-select) - 🌎 demo - Dynamic, succinct timezone select. Based onreact-select
.- 🌎 DevExtreme React Scheduler - High-performance plugin-based scheduler/calendar for Material Design.
- 🌎 jQWidgets Scheduler - Feature complete Scheduling library.
3455⭐
497🍴
react-calendar) - Ultimate calendar for your React app.1243⭐
194🍴
react-date-picker) - A date picker for your React app.909⭐
58🍴
schedule-x) - Material design event calendar and date picker components. Demo site: https://schedule-x.dev/
1068⭐
38🍴
interweave-emoji-picker) - A React based emoji picker powered by Interweave and Emojibase.
Masked inputs, specialized inputs; email / telephone number / credit card / etc.
2565⭐
300🍴
react-credit-cards) - Beautiful credit cards for your payment forms.337⭐
59🍴
react-payment-inputs) - 🌎 demo - A zero-dependency container to help with payment card input fields.2204⭐
256🍴
react-input-mask) - demo - Yet another react component for input masking.1416⭐
162🍴
@lunasec/react-sdk) - 🌎 docs - Secure, hardened form components that encrypt/tokenize all data automatically.136⭐
38🍴
react-numpad) - 🌎 demo - Extensible number pad control for numbers, dates and times.287⭐
71🍴
react-multi-email) - 🌎 demo - Format multiple emails as the user types.
Autosuggest / autocomplete / typeahead
5964⭐
586🍴
react-autosuggest) - WAI-ARIA compliant React autosuggest component.677⭐
232🍴
react-typeahead) - Pure react-based typeahead and typeahead-tokenizer.
456⭐
78🍴
react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button.193⭐
11🍴
react-functional-select) - 🌎 demo - Micro-sized & micro-optimized select component for React.js.281⭐
111🍴
react-mobile-picker) - 🌎 demo - An iOS like select box component.27401⭐
4099🍴
react-select) - A Select control built with and for React JS.13⭐
2🍴
react-column-select) - A column select component built for react.673⭐
149🍴
react-select-search) - 🌎 demo - A lightweight select component for React
90⭐
10🍴
coloreact) - A tiny Color Picker for React.239⭐
82🍴
react-color) - Is a tiny color picker widget component for React apps.3051⭐
97🍴
react-colorful) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component.243⭐
34🍴
react-input-color) - React input color component with hsv color picker.
441⭐
16🍴
@anatoliygatt/heart-switch) - 🌎 demo - A fully themeable and accessible heart-shaped toggle switch component.128⭐
26🍴
react-ios-switch) - React switch component.944⭐
159🍴
react-toggle) - An elegant, accessible toggle component for React. Also a glorified checkbox.4⭐
0🍴
ui-switch) - The most complete Toggle component
883⭐
231🍴
react-slider) - Slider component for React.
442⭐
75🍴
react-radio-group) - Better radio buttons.
Let the user select something (e.g. a tag) while typing
191⭐
66🍴
react-autocomplete-input) - Autocomplete input field for React.2380⭐
562🍴
react-mentions) - Mention people in a textarea.284⭐
8🍴
rich-textarea) - A textarea to colorize, highlight, decorate texts and offer autocomplete.
Let the user add multiple tags in a single input
1481⭐
389🍴
react-tag-input) - A fantastically simple tagging component for your React projects.1345⭐
233🍴
react-tagsinput) - A simple react component for inputing tags.148⭐
48🍴
react-tokeninput) - Tokeninput component for React.3412⭐
427🍴
tagify) - 🌎 demo & docs - Lightweight, efficient Tags input component.
761⭐
174🍴
react-input-autosize) - Auto-resizing input field for React.11⭐
1🍴
react-autowidth-input) - Highly configurable & extensible automatically sized input field built with hooks.2176⭐
244🍴
react-textarea-autosize) - <textarea /> component for React which grows with content.
302⭐
6🍴
react-rating) - 🌎 demo - Zero-dependency, highly customizable rating component.29⭐
5🍴
react-awesome-stars-rating) - 🌎 demo - The star rating component with accessibility.55⭐
12🍴
react-star-rating-input) - React.js component for entering 0-5 (or more) stars.
32729⭐
2516🍴
react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React20687⭐
1974🍴
react-dnd) - Drag and Drop for React.19⭐
3🍴
react-drag-sizing) - "Drag to resize" (sizing) as React Component.8888⭐
1019🍴
react-draggable) - React draggable component.993⭐
80🍴
react-dragula) - Drag and drop so simple it hurts.10400⭐
780🍴
react-dropzone) - Simple HTML5 drag-drop zone with React.js.1404⭐
49🍴
react-movable) - Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables.646⭐
51🍴
react-sortable-pane) - Sortable and resizable pane component for React.1507⭐
50🍴
neodrag) - Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same.
Let the user define an order on a list
459⭐
84🍴
react-anything-sortable) - Sort any children with touch support and IE8 compatibility.29042⭐
3675🍴
sortablejs) - Lists reorderable by drag-and-drop, within and among lists.
1375⭐
282🍴
alloyeditor) - WYSIWYG editor based on CKEditor with completely rewritten UI.95⭐
50🍴
ckeditor4-react) - An official CKEditor 4 rich text editor wrapper.415⭐
98🍴
ckeditor5-react) - An official CKEditor 5 rich text editor wrapper.22565⭐
2641🍴
draft-js) - A React framework for building text editors.707⭐
33🍴
edtr-io) - 🌎 demo - 🌎 docs - WYSIWYG in-line web editor with plugins.1212⭐
213🍴
megadraft) - Rich Text editor built on top of draft.js.3985⭐
603🍴
react-ace) - Ace (Advanced Code Editor) wraper.1499⭐
125🍴
react-codemirror) - 🌎 demo - CodeMirror component for React.1602⭐
218🍴
react-contenteditable) - React component for a div with editable contents.6372⭐
1153🍴
react-draft-wysiwyg) - WYSIWYG editor build on top of 🌎 DraftJS.55⭐
6🍴
react-editor) - Simple richtext editor that can insert images and HTML.503⭐
92🍴
react-medium-editor) - medium-editor wrapper.285⭐
23🍴
react-monacoeditor) - Monaco Editor component for React.1524⭐
169🍴
react-simple-code-editor) - Simple no-frills code editor with syntax highlighting6580⭐
902🍴
react-quill) - Quill wrapper.144⭐
21🍴
react-trumbowyg) - 🌎 Trumbowyg wrapper.2657⭐
233🍴
remirror) - 🌎 demo - 🌎 docs - ProseMirror toolkit for React.29252⭐
3210🍴
slate) - demo - 🌎 docs - A completely customizable framework for building rich text editors.307⭐
27🍴
smartblock) - 🌎 demo - 🌎 docs - Block based WYSIWYG editor based on ProseMirror.24592⭐
2055🍴
tiptap) - 🌎 demo - 🌎 docs - The headless editor framework for web artisans.
762⭐
103🍴
react-simplemde-editor) - React component wrapper for2306⭐
305🍴
EasyMDE (the most fresh SimpleMDE fork)).215⭐
27🍴
react-markdown-editor) - A markdown editor using React/Reflux.2018⭐
150🍴
react-md-editor) - A simple markdown editor with preview, implemented with React.js and TypeScript.
Image manipulation
2314⭐
369🍴
react-avatar-editor) - Facebook-like, avatar / profile picture component.68⭐
6🍴
react-avatar-generator) - Generate fun kaleidoscope for user avatars.2206⭐
167🍴
react-easy-crop) - Component to crop/rotate images/videos with easy interactions. Touch friendly.3773⭐
339🍴
react-image-crop) - A responsive image cropping tool for React.175⭐
56🍴
react-image-cropper) - Image cropper.616⭐
27🍴
react-advanced-cropper) - A react cropper library to create the cropper exactly suited for your website design.20⭐
5🍴
react-mobile-cropper) - A ready-to-use image cropping library highly inspirited by popular Android croppers. Based onreact-advanced-cropper
.
571⭐
149🍴
formsy-material-ui) - A Formsy compatibility wrapper for Material UI form components.288⭐
96🍴
formsy-react-components) - A set of React JS components for use in a formsy-react form.1375⭐
68🍴
react-input-enhancements) - Set of enhancements for input control.2331⭐
396🍴
react-widgets) - An à la carte set of polished, extensible, and accessible inputs.
162⭐
9🍴
@anatoliygatt/numeric-stepper) - 🌎 demo - A fully themeable and accessible numeric stepper component.1068⭐
38🍴
interweave) - React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.1863⭐
229🍴
react-designer) - Easy to configure, lightweight, editable vector graphics in your react components.76⭐
43🍴
react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize.
3940⭐
272🍴
react-syntax-highlighter) - Syntax highlighting component with Prismjs or Highlightjs AST using inline styles.
Components to layout the app's UI
1565⭐
120🍴
autoresponsive-react) - Auto responsive grid layout library.6193⭐
530🍴
golden-layout) - A multi-screen JavaScript Layout manager.865⭐
60🍴
hedron) - A no-frills flexbox grid system, powered by styled-components.160⭐
21🍴
m-react-splitters) - Splitter component, written in TypeScript.346⭐
48🍴
muuri-react) - 🌎 demo - 🌎 docs - Responsive, sortable, filterable and draggable grid layouts.19771⭐
2531🍴
react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React.1428⭐
145🍴
react-masonry-component) - Wrapper for @desandro's Masonry.622⭐
73🍴
react-reflex) - Flex layout container component for advanced React web applications.1290⭐
23🍴
react-spaces) - 🌎 demo/docs - Nestable anchored, resizable, scrollable components.1209⭐
84🍴
react-stonecutter) - Animated grid layout component.6⭐
1🍴
react-colrow) - Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow.5⭐
1🍴
react-schematic) - 🌎 demo - Build responsive layouts using styled schematics without an overhead of any theme configuration
Animate transitions
541⭐
32🍴
data-driven-motion) - Easily animate your data.38⭐
1🍴
react-animatable) - An animation library using Web Animations API.1540⭐
82🍴
react-anime) - A super easy animation library.4049⭐
257🍴
react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.723⭐
38🍴
react-gsap-enhancer) - Use the full power of React and GSAP together.7272⭐
809🍴
react-tsparticles) - A lightweight component to easily create interactive particles animations21680⭐
1151🍴
react-motion) - A spring that solves your animation problems.360⭐
23🍴
react-mt-svg-lines) - Wrapper to animate the line stroke in SVGs.2593⭐
139🍴
react-router-transition) - Transitions built for react-router, powered by react-motion.27689⭐
1179🍴
react-spring) - A spring physics based animation library.35⭐
2🍴
react-ts-typewriter) - 🌎 demo - Easy to use and customizable typewriter effect for any text.22653⭐
752🍴
framer-motion) - An animation and gesture library.358⭐
48🍴
react-spark-scroll) - Scroll-based actions and animations for react.339⭐
23🍴
react-track) - Track the position of DOM elements. Create cool animations.211⭐
21🍴
react-transitive-number) - Apply transition effect to numeric strings, a la old Groupon timers.298⭐
25🍴
react-web-animation) - React components for the Web Animations API -.9⭐
1🍴
auto-size-transition) - A component that scale dynamically according to the internal children size637⭐
93🍴
react-particles-bg) - Particles backgrounds.644⭐
15🍴
gooey-react) - 🌎 demo/docs - The gooey effect for React, used for shape blobbing / metaballs.14⭐
1🍴
react-voodoo) -3⭐
0🍴
demo/samples) - Additive animation engine allowing complex android/iOs-like animations, rendering sliders on SSR, predictive inertia, multitouch, etc
1763⭐
137🍴
simple-parallax-js) - 🌎 demo - The easiest way to get a parallax effect with React and JavaScript on images939⭐
113🍴
react-parallax-tilt) - 🌎 demo - Easily apply parallax tilt hover effect on components.
Set of components + responsive layout system
- 🌎 AgnosticUI - Accessible React component primitives that also work with Vue 3, Svelte, and Angular!
90882⭐
47356🍴
ant-design) - 🌎 demo/docs - A UI Design Language from China. Individual components available.- 🌎 atlaskit - Atlassian's official UI library, with components from badge to tree table.
- 🌎 base web - Base Web is a foundation for initiating, evolving, and unifying web products.
7585⭐
1758🍴
carbon) - 🌎 demo/docs - A design system built by IBM.50⭐
14🍴
cdbreact) - 🌎 demo - 🌎 docs - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps.37009⭐
3184🍴
chakra-ui) - 🌎 demo/docs - Simple, Modular & Accessible UI Components for your React Applications.2516⭐
267🍴
ChatUI) - 🌎 demo/docs - The UI design language and React library for Conversational UI658⭐
257🍴
CoreUI for React) - 🌎 demo/docs - Open Source UI components library.12354⭐
830🍴
evergreen) - 🌎 demo/docs - Evergreen React UI Framework by Segment.18010⭐
2689🍴
fluentui) - UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.4258⭐
332🍴
geist-ui) - Modern and minimalist React UI library.4223⭐
340🍴
gestalt) - 🌎 demo/docs - A set of components that supports Pinterest’s design language.8308⭐
1020🍴
grommet) - The most advanced UX framework for enterprise applications.25206⭐
1798🍴
Mantine) - 🌎 demo/docs - A fully featured library with 100+ hooks and components with native dark theme support1375⭐
151🍴
orbit) - Components for building travel oriented projects.1769⭐
395🍴
flowbite-react) - Open-source UI component library based on React, Tailwind CSS, and Flowbite.6145⭐
955🍴
primereact) - A complete UI Framework with 50+ components featuring material, bootstrap and custom themes.- 🌎 radix-ui - Unstyled, accessible components for building high‑quality design systems and web apps.
22294⭐
3584🍴
react-bootstrap) - Bootstrap components built with React.602⭐
68🍴
react-foundation) - Foundation as React components.7690⭐
367🍴
reakit) - 🌎 demo/docs Toolkit for building accessible rich web apps4731⭐
444🍴
searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.13194⭐
4039🍴
semantic-ui-react) - The official Semantic-UI-React integration.8067⭐
684🍴
semi-design) - 🌎 demo/docs - A modern, comprehensive, flexible design system.62611⭐
3514🍴
shadcn/ui) - 🌎 demo - 🌎 docs - Beautifully designed components that you can copy and paste into your apps.918⭐
148🍴
shineout) - 🌎 demo - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc.
- 🚀
92361⭐
31810🍴
Material UI) - Full suite of components. Build your own design system, or start with Material Design.- 🌎 Autocomplete - Accessible autocomplete, combobox, multiselect
- 🌎 Material Icons - 1,000+ SVG material icons.
- 🌎 Modal - Accessible modal dialog component.
- 🌎 Slider - Accessible slider component.
- 🌎 Table - table with sorting, selecting, pagination, virtualized.
- 🌎 Tree View - Accessible tree view component for React.
417⭐
51🍴
react-essence) - Essence - The Essential Material Design Framework.1387⭐
307🍴
react-materialize) - Material design for react, powered by materializecss.8664⭐
974🍴
react-toolbox) - A set of React components implementing Google's Material Design.1412⭐
264🍴
mdbootstrap) - React Bootstrap with Material Design
11490⭐
2369🍴
antd-mobile) - Configurable Mobile UI from China.- 🌎 Ionic React - Ionic Framework: easily build Android, Desktop and Progressive Web Apps with one code base.
?⭐
?🍴
OnsenUI) - 🌎 demo/docs - Mobile app framework with Material and flat (iOS) designs. Based on Web Components.
20502⭐
2150🍴
blueprint) - 🌎 demo - 🌎 docs - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications.?⭐
?🍴
dataminr-react-components) - Collection of reusable React Components and utility functions.755⭐
96🍴
shards-react) - 🌎 docs/demo - A beautiful and modern React design system. Freemium.1417⭐
155🍴
aframe-react) - Build virtual reality experiences with A-Frame and React.24416⭐
5200🍴
react-admin) - Build admin user experiences on top of REST and GraphQL services.25909⭐
1959🍴
refine) - 🌎 demo - 🌎 docs - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit.25⭐
1🍴
matrix-card) - 🌎 demo - Simplest possible component to generate matrix rain style cards.8211⭐
924🍴
rsuite) - 🌎 demo/docs - Suite of components for "enterprise system products".7⭐
0🍴
lens-ui) -7⭐
0🍴
docs) - A Suit of components focused on simplicity.
Report computed styles
Report when a component becomes visible/hidden
4899⭐
177🍴
react-intersection-observer) - React implementation of the Intersection Observer API.2323⭐
194🍴
react-visibility-sensor) - Sensor component.4078⭐
208🍴
react-waypoint) - A React component to execute a function whenever you scroll to an element.
Determine and report measurements of an element
183⭐
12🍴
react-component-queries) - Provide props to your Components based on their Width and/or Height.231⭐
27🍴
react-container-dimensions) - Wrapper component that detects element resize.454⭐
76🍴
react-dimensions) - React higher-order component to get dimensions of container.180⭐
27🍴
react-height) - Component-wrapper to determine and report children elements height.1939⭐
109🍴
react-measure) - Compute measurements of a React component.1935⭐
91🍴
react-sizeme) - Make your React Components aware of their width and height.
Turn user input into actions
2140⭐
162🍴
react-hotkeys) - Declarative hotkey and focus area management for React.388⭐
29🍴
react-key-handler) - React component to handle keyboard events.501⭐
36🍴
react-keydown) - Lightweight keydown wrapper for React components.328⭐
37🍴
react-shortcuts) - Manage keyboard shortcuts from one place.24⭐
2🍴
useKeyCapture) - A custom hook to ease the key-press listeners of a target/global.26⭐
0🍴
react-keyboard-navigator) - A suite of React components and hook for selecting sibling components through the keyboard.
123⭐
17🍴
react-scroll-components) - A set of components that react to page scrolling.
1660⭐
256🍴
react-swipe) - Swipe.js as a React component.
118⭐
9🍴
react-hook-mighty-mouse) - 🌎 demo - Hook that tracks mouse events on selected element.
Set meta tags, <title>, children of
2017⭐
151🍴
react-helmet-async) - Thread-safe Helmet for React 16+ and friends17279⭐
656🍴
react-helmet) - A document head manager for React.
Render an element at an arbitrary DOM node
160⭐
10🍴
react-layer-stack) - Simple but ubiquitously powerful and agnostic layering system for React.2139⭐
169🍴
react-portal) - React component for transportation of modals, lightboxes, loading bars... to document.body.
A/B tests, experiments, ...
319⭐
20🍴
react-experiments) - React components for implementing UI experiments.
Libraries that help with code design
Data flow / data management / data stores / components state / data flow
310⭐
38🍴
baobab-react) - React integration for Baobab.1988⭐
125🍴
cerebral) - A state controller with its own debugger.4529⭐
225🍴
effector-react) - React bindings for effector, an effective multi-store state manager.217⭐
16🍴
fireproof) - 🌎 demo - 🌎 docs Pure JS, zero dependency, CRDT database - runs in the browser and connects to any cloud or backend- 🌎 RxDB -
20940⭐
1021🍴
demo) - 🌎 docs A fast, local first, reactive Database for JavaScript Applications 1810⭐
226🍴
fluxible) - A pluggable container for universal flux applications.1932⭐
51🍴
kea) - High level architecture for React apps.383⭐
56🍴
react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application.23301⭐
3365🍴
react-redux) - Official React bindings for Redux.1046⭐
37🍴
redux-batched-actions) - Reducer + action to reduce actions under a single subscriber notification.60617⭐
15285🍴
redux) - Predictable state container for JavaScript apps.19017⭐
672🍴
reselect) - Selector library for Redux.80⭐
4🍴
resourcerer) - Declarative data-fetching framework for REST APIs9⭐
0🍴
synergies) - 🌎 docs A performant and distributed context-state library for creating reusable React state logic by synergyzing atomar context pieces.- 🌎 zustand -
44287⭐
1352🍴
docs) - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api. 708⭐
25🍴
teaful) - Tiny, easy and powerful React state management
292⭐
84🍴
data-driven-forms) - A declarative way for building forms with all the functionality.33702⭐
2773🍴
formik) - Build forms without tears and supports Validation in ease.?⭐
?🍴
formsy-react) - A form input builder and validator for React JS.3⭐
0🍴
Phormal) - 🌎 Docs & Demos - Responsive, multilingual forms with built-in validation, support for dark mode and right-to-left languages.40322⭐
2025🍴
react-hook-form) - React hooks for form validation without the hassle.13834⭐
2163🍴
react-jsonschema-form) - A React component for building Web forms from JSONSchema.4⭐
1🍴
react-client-validation) - Simple and super lightweight validation for React.7352⭐
483🍴
react-final-form) - Subscription-based form state management6⭐
2🍴
react-formawesome) - Complex library for creating awesome forms.4008⭐
780🍴
surveyjs) - The advanced Survey and Form library10910⭐
1423🍴
Formily) - High performance, extensible, and Typescript friendly3⭐
0🍴
hook-form-react) - 🌎 docs - A lightweight, dependency-free solution React hooks for form validation.
874⭐
94🍴
react-router-component) - Declarative router component for React.840⭐
61🍴
react-router-scroll) - React Router scroll management.52387⭐
10173🍴
react-router) - A complete routing library for React.441⭐
34🍴
redux-first-history) - Redux First History - Redux history binding support react-router - @reach/router - wouter1700⭐
105🍴
universal-router) - A simple middleware-style router for isomorphic JavaScript web apps.6333⭐
145🍴
wouter) - A minimalist-friendly ~1.3KB routing library. Nothing else but hooks.7383⭐
513🍴
tanstack-router) - Type-safe router with built-in caching & URL state management
Component properties asynchronously fetched over the network
3431⭐
142🍴
react-refetch) - A simple, declarative, and composable way to fetch data for React components.550⭐
68🍴
redux-connect) - Provides decorator for resolving async props in react-router.45⭐
4🍴
axios-react) - HTTP client component for React.
19268⭐
2639🍴
apollo-client) - A simple caching client for any GraphQL server and UI framework.18268⭐
1803🍴
react-relay) - Relay is a JavaScript framework for building data-driven React applications.40745⭐
2746🍴
query) - 🌎 docs Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue.
203⭐
5🍴
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.5346⭐
188🍴
aphrodite) - It's inline styles, but they work!.392⭐
70🍴
inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects.887⭐
46🍴
react-container-query) - Modular responsive component.6961⭐
297🍴
react-responsive) - Media queries in react for responsive design.14⭐
2🍴
reactponsive) - Responsive components and hooks.40230⭐
2481🍴
styled-components) - Visual primitives for the component age.7718⭐
252🍴
stitches) - CSS-in-JS with near-zero runtime, SSR, multi-variant support.
1614⭐
63🍴
jsx-control-statements) - Neater If and For for React JSX.
5821⭐
208🍴
hypernova) - A service for server-side rendering your JavaScript views.1273⭐
143🍴
isomorphic-style-loader) - Isomorphic CSS style loader for Webpack.3894⭐
184🍴
react-server) - React framework with server render for blazing fast page load.611⭐
21🍴
rill) - Universal web application framework.1253⭐
48🍴
webpack-isomorphic-tools) - Server-side rendering for your Webpack-built applications (e.g. React).
Scaffold / starter kit / Yeoman generator / stack ensemble / seed
102176⭐
26662🍴
create-react-app) - Create React apps with no build configuration.185⭐
28🍴
crisp-react) - Express integration in TypeScript with support for multiple SPAs and pitfall avoidance.37⭐
7🍴
cra-template-redux-auth-starter) - A Redux auth starter boilerplate for CRA.22873⭐
3807🍴
electron-react-boilerplate) - Live editing development on desktop app.165⭐
20🍴
elegant) - 🌎 docs - 🌎 demo - A simple React framework for rapidly building beautiful and expressive web applications with Next.js, Tailwind CSS, and Markdown loading.214⭐
37🍴
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⭐
183🍴
generator-starhackit) - Full-stack starter kit.5566⭐
335🍴
nwb) - CLI tool and devDependency for React apps & components and npm modules.- 🌎 nx - Next generation build system with first class monorepo support and powerful integrations.
108⭐
6🍴
PBandJ) - Zero-Config Reusable Component Framework.3908⭐
879🍴
react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project.570⭐
21🍴
rockpack) - Simple solution for creating React application with SSR, bundling, linting, testing within 5 minutes.25⭐
6🍴
create-react-dependency) - Create react dependencies with no build configuration.160⭐
17🍴
phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support.89⭐
21🍴
react-enterprise-starter-kit) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase.
1256⭐
100🍴
react-inlinesvg) - An SVG loader component for ReactJS.27⭐
3🍴
react-godfather) - A new way to write Functional Components, without Hooks.2130⭐
263🍴
redux-auth-patch) - Complete token authentication system for react + redux that supports isomorphic rendering.1403⭐
81🍴
redux-search) - Redux bindings for client-side search.202⭐
13🍴
tcomb-react) - Alternative syntax for PropTypes.187⭐
3🍴
react-universal-hooks) - 🎉 support react hooks everywhere (Functional or Class Component).
3732⭐
322🍴
qrcode.react) - A <QRCode/> component for use with React.1146⭐
56🍴
<qr-code>
) – A no-dependencies, customizable, animate-able, SVG-based<qr-code>
element.346⭐
24🍴
react-children-utilities) - Extended utils for React.Children.2442⭐
117🍴
react-media) - A CSS media query component for React.61⭐
10🍴
react-middle-ellipsis) - 🌎 demo - Truncate long strings in the middle instead of the end.321⭐
31🍴
react-translate-component) - Multi-lingual/localized text content.
Internationalization / L10n / localization / translation
9063⭐
1019🍴
react-i18next) - Internationalization for react done right. Using the i18next i18n ecosystem.14147⭐
1349🍴
react-intl) - Internationalize React apps.9⭐
1🍴
react-localized) - Internationalization for React components based ongettext
format.35⭐
7🍴
react-translate-maker) - Universal internationalization (i18n) open source library for React.1331⭐
152🍴
react-intl-universal) - 🌎 demo Internationalize React apps. Not only for React.Component but also for Vanilla JS.218⭐
24🍴
@tolgee/react) - 🌎 docs – Web-based localization tool enabling users to translate directly in the React app they develop4304⭐
365🍴
js-lingui) - 🌎 docs – A readable, automated, and optimized (5 kb) internationalization for JavaScript.
810⭐
72🍴
backbone-react-component) - A bit of nifty glue that automatically plugs your Backbone models.113⭐
0🍴
elm-react-component) - A React component which wraps an Elm module to be used in a React application.265⭐
32🍴
gl-react) - OpenGL / WebGL bindings for React to implement complex effects over images and content.132⭐
5🍴
react-backbone) - Backbone-aware mixins for react and a whole lot more.1520⭐
80🍴
react-d3-library) - Open source library for using D3 in React.777⭐
54🍴
react-elm-components) - Write React components in Elm.172⭐
15🍴
react-famous) - React bridge to Famo.us.288⭐
20🍴
react-localstorage) - Simple componentized localstorage implementation for Facebook's React.482⭐
51🍴
react-lottie-player) - 🌎 demo - Declarative lottie animation player.5075⭐
627🍴
react-on-rails) - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.1493⭐
155🍴
react-three-renderer) - Render into a three.js canvas using React.81⭐
4🍴
react-threejs) - Simplest bindings between React & Three.js3492⭐
400🍴
reactfire) - ReactJS mixin for easy Firebase integration.696⭐
45🍴
reactive-elements) - Allows to use React.js component as HTML element (web component).1689⭐
160🍴
react-unity-webgl) - Unity intergration with two-way communication using a built-in Event System.
5131⭐
449🍴
react-ga) - React Google Analytics Module.111⭐
9🍴
react-google-analytics) - Google analytics component.460⭐
111🍴
react-google-autocomplete) - Google Places API components and hooks.632⭐
97🍴
react-recaptcha) - A react.js reCAPTCHA for Google.979⭐
160🍴
react-stripe-checkout) - Load stripe's checkout.js as a react component. Easiest way to use checkout with React.?⭐
?🍴
redux-segment) - Segment.io analytics integration for redux.15⭐
3🍴
react-slack-notification) - Send messages and error logs to a Slack channel directly.3549⭐
304🍴
react-firebase-hooks) - Hooks to integrate firebase in your application.
16029⭐
636🍴
inferno) - An extremely fast, React-like JavaScript library for building modern user interfaces.487⭐
41🍴
react-fastclick) - Fast Touch Events for React.223⭐
16🍴
react-static-container) - Renders static content efficiently.
414⭐
19🍴
react-perf-tool) - Debug performance of your React application.837⭐
16🍴
react-render-visualizer) - Render visualizer for ReactJS.
203⭐
39🍴
react-infinite-grid) - A React component which renders a grid of elements.2709⭐
273🍴
react-infinite) - A browser-ready efficient scrolling container based on UITableView.976⭐
166🍴
react-lazy-load) - React component that renders children elements when they enter the viewport.5838⭐
488🍴
react-lazyload) - Lazyload your Component, Image or anything matters the performance.26089⭐
3054🍴
react-virtualized) - React components for efficiently rendering large lists and tabular data.
899⭐
61🍴
babel-plugin-transform-react-remove-prop-types) - Remove unnecessary React propTypes.1727⭐
100🍴
react-lite) - An implementation of React that optimizes for small script size.
104⭐
10🍴
iSSR) - The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.675⭐
30🍴
react-esi) - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments
787⭐
73🍴
chai-enzyme) - Chai.js assertions and convenience functions for testing React Components with enzyme.19960⭐
2014🍴
enzyme) - JavaScript Testing utilities for React.43829⭐
6388🍴
jest-cli) - Painless JavaScript Testing.194⭐
15🍴
react-unit) - Lightweight unit test library for ReactJS.496⭐
20🍴
redux-test-recorder) - A redux middleware to automatically generate tests for reducers through ui interaction.16⭐
2🍴
rut) - React testing made easy withreact-test-renderer
. Supports DOM and custom renderers.187⭐
19🍴
unexpected-react) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.63621⭐
3439🍴
playwright) enables reliable end-to-end testing for modern web apps.
293⭐
22🍴
redux-devtools-chart-monitor) - A chart monitor for Redux DevTools.405⭐
47🍴
redux-devtools-dock-monitor) - A resizable and movable dock for Redux DevTools monitors.155⭐
10🍴
redux-devtools-filterable-log-monitor) - Filterable tree view monitor for Redux DevTools.238⭐
46🍴
redux-devtools-inspector) - Another Redux DevTools Monitor.310⭐
67🍴
redux-devtools-log-monitor) - The default monitor for Redux DevTools with a tree view.13928⭐
1145🍴
redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI.1800⭐
138🍴
remote-redux-devtools) - Redux DevTools remotely.
- 🌎 fluxguard - PROD change monitoring that highlights all DOM + design changes.
753⭐
95🍴
react-inspector) - Power of Browser DevTools inspectors right inside your React app.290⭐
71🍴
react-json-inspector) - React JSON inspector component.14672⭐
934🍴
reactotron) - A CLI and OS X app for inspecting your React JS and React Native apps.
79⭐
8🍴
component-controls) - 🌎 demo - 🌎 docs - A next-generation tool to create blazing-fast documentation sites.8173⭐
344🍴
cosmos-js) - DX tool for designing truly encapsulated React components.55⭐
6🍴
react-demo-tab-cli) - CLI tool for creating demos of react components.10811⭐
1440🍴
react-styleguidist) - React style guide generator.28975⭐
2323🍴
standard-react) - JavaScript Standard Style Guide.- 🌎 Plasmic - Powerful design tool for building your React components visually.
56⭐
11🍴
SimpleLocalize) - Open source CLI tool for finding i18n keys in React projects.64⭐
9🍴
react-device-frameset) - React device frameset component.
185⭐
22🍴
DataFormsJS JSX Loader) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page.2132⭐
135🍴
html-to-react-components) - Extract annotated portions of HTML into React components as separate modules.942⭐
101🍴
htmltojsx) - Automatically AJAXify plain HTML with the power of React. It's magic!.168⭐
17🍴
jsonx) - React JSON Syntax.3607⭐
365🍴
mozaik) - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.4439⭐
177🍴
react-blessed) - A react renderer for blessed.9⭐
4🍴
jsondiffpatch-react) - JSON diffing.3422⭐
249🍴
iron-session) - Secure, stateless, and cookie-based session library.
55132⭐
10329🍴
gatsby) - Transform plain text into dynamic blogs and websites using React.js.
306⭐
19🍴
BCMS) - API-based, open-source, self-hostable content management system for Gatsby, Nuxt and Next.43⭐
5🍴
crisp-bigquery) - Full stack Google BigQuery with Express in TypeScript.298⭐
46🍴
react-server-routing-example) - Universal client/server routing and data with AWS DynamoDB.
41153⭐
3434🍴
brillout/awesome-react-components)