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: 23β
4π΄
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
3058β
251π΄
fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel.13457β
1928π΄
AG Grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.147β
30π΄
gigatables-react) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.4676β
1399π΄
MUI X Data grid) - π demo/docs - Fast and customizable data grid with advanced features for power users and complex use cases.7111β
2193π΄
react-data-grid) - Excel-like grid.2854β
181π΄
revo-grid) - π demo/docs - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization.1357β
142π΄
ReactGrid) - π demo/docs - Add spreadsheet-like behavior to your app- π jqwidgets-react-grid - Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more.
-
818β
67π΄
ka-table) - π demo - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. -
1006β
70π΄
mantine-datatable) - π demo/docs - Lightweight table component for Mantine UI applications, with lots of features -
3500β
1024π΄
material-table) - π demo/docs - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing -
2720β
932π΄
mui-datatables) - Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. -
2070β
417π΄
react-data-table) - π demo/docs - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination -
25841β
3129π΄
TanStack Table) - π demo - Headless UI for building powerful tables & datagrids -
760β
48π΄
react-table-library) - π demo - React Table Library -- an almost headless table library -- for building better tables. -
727β
131π΄
rsuite-table) - demo/docs - A table component that supports virtualized. -
160β
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.
-
1597β
474π΄
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
2266β
97π΄
@egjs/react-infinitegrid) - π npm - π demo - A module used to arrange card elements including content infinitely according to various layout types.5893β
489π΄
react-lazyload) - Lazyload your Component, Image or anything else where the performance matters.1967β
175π΄
react-list) - A versatile infinite scroll React component.79β
5π΄
@af-utils/virtual) - π demo/docs - Render large scrollable lists and grids.16228β
798π΄
react-window) - π demo - React components for efficiently rendering large lists and tabular data2412β
61π΄
virtua) - π demo - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid.
Display overlay / modal / alert / dialog / lightbox / popup
1039β
96π΄
react-aria-modal) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices.7393β
811π΄
react-modal) - Accessible modal dialog component for React.153β
8π΄
reoverlay) - π demo - The missing solution for managing modals.17543β
1629π΄
sweetalert2) - π demo/docs - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.710β
52π΄
sweetalert2-react-content) - Official SweetAlert2 enhancer adding support for React elements as content
Toaster / snackbar β Notify the user with a modeless temporary little popup
1282β
75π΄
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
132β
2π΄
react-local-toast) - π demo - π docs - show feedback linked to particular component instead of app-wide toasts.79β
5π΄
react-toast) - π demo -79β
5π΄
docs) - Minimal toast notifications.- π
13030β
709π΄
react-toastify) - π demo - best bet out there at the moment. Hooks support. No refs. 1555β
78π΄
reapop) - A React & Redux notifications system.61β
6π΄
simple-react-notifications) - π demo - Tiny notification library (1kb gzip).10150β
340π΄
react-hot-toast) - π demo - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default.- π Sonner - An opinionated toast component for React.
3670β
532π΄
react-tooltip) - React tooltip component.
Menus / sidebars
1016β
40π΄
hamburger-react) - π demo/docs - Animated hamburger menu icons for React.5083β
584π΄
react-burger-menu) - An off-canvas sidebar with effects and styles.53β
20π΄
react-offcanvas) - Off-canvas menus for React.184β
22π΄
react-planet) - π demo - Create circular menus which looks like planets.139β
6π΄
mantine-contextmenu) - π demo/docs - Context-menu hook/component for applications built with Mantine UI.
Fixed headers / scroll-up headers / sticky elements
1849β
148π΄
react-headroom) - Hide your header until you need it.1298β
150π΄
react-stickynode) - A performant and comprehensive React sticky.
3117β
448π΄
react-tabs) - React tabs component.406β
55π΄
react-tabtab) - React, tabs.
Loaders / spinners / progress bars β Let the user know that something is loading
1003β
149π΄
react-loader-spinner) - Collection set of react-spinner for async operation.936β
93π΄
react-redux-loading-bar) - Simple Loading Bar for Redux and React.323β
20π΄
react-spinners-css) - Amazing collection of react spinners components.3176β
275π΄
react-spinners) - A collection of loading spinner components for react.13838β
422π΄
react-content-loader) - SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).
46β
21π΄
react-simple-captcha) - π npm - π demo - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS.51β
3π΄
procaptcha) - π demo - π docs - Privacy focused free CAPTCHA
2821β
136π΄
@egjs/react-flicking) - π npm - π demo - It's reliable, flexible and extendable carousel.2946β
298π΄
react-awesome-slider) - π demo - Fullpage, 3D animated, 60fps media and content slider/carousel.1691β
163π΄
pure-react-carousel) - Built from scratch and not highly opinionated.1486β
153π΄
react-id-swiper) - A library to use idangerous Swiper as a ReactJs component77β
27π΄
react-instagram-zoom-slider) - π demo - A slider component with pinch to zoom capabilities inspired by Instagram.2682β
631π΄
react-responsive-carousel) - React.js Responsive Carousel (with Swipe).11832β
2116π΄
react-slick) - React carousel component.4789β
220π΄
keen-slider) - π demo - Performant carousel/slider with native touch/swipe behavior.40557β
9751π΄
swiper) - π demo - π docs - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
1324β
132π΄
react-awesome-button) - π demo - 3D animated 60fps buttons with load progress and social share actions.134β
21π΄
reactive-button) - π demo - π docs - A beautiful animated button component with progress indicator.
789β
114π΄
react-accessible-accordion) - Accessible Accordion component for React.1131β
113π΄
react-collapse) - Component-wrapper for collapse animation with react-motion.80β
11π΄
react-tabbordion) - π demo - Universal, semantic and CSS-only components for creating Accordions and Tabs.
Display data in charts / graphs / diagrams
?β
?π΄
chartify) - React.js plugin for building animated draggable and customizable charts.362β
104π΄
essential js 2 charts) - Beautiful and interactive charts & graphs for react.4628β
641π΄
echarts for react) - Wrapper around beautiful Apache Echarts20β
3π΄
jscharting-react) β React chart component offering a complete set of chart types and engaging data visualizations with π JSCharting.526β
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.6734β
2377π΄
react-chartjs-2) - Common react charting components using Chart.js 2.0.1626β
204π΄
react-d3-components) - D3 Components for React.1440β
143π΄
react-dazzle) - Dashboards made easy in React JS.1655β
344π΄
react-google-charts) - React-google-charts React component.1252β
233π΄
react-highcharts) - React-highcharts.261β
43π΄
react-sigmajs) - Lightweight but powerful library for drawing network graphs built on top of SigmaJS.2839β
195π΄
react-sparklines) - Beautiful and expressive Sparklines React component.872β
284π΄
react-timeseries-charts) - Declarative timeseries charts.8743β
835π΄
react-vis) - Data visualization library based on React and d3.24649β
1745π΄
recharts) - Redefined chart library built with React and D3.343β
36π΄
rumble-charts) - React components for building composable and flexible charts.11090β
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β
3π΄
react-muze) - React wrapper for π muze(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)44β
9π΄
Flowchart React) - Flowchart & Flowchart designer for React.js.1616β
387π΄
react-dashboard) - Isomorphic Dashboards.
- π cmdk - Fast, composable, unstyled command menu for React.
4957β
188π΄
kbar) - π demo - Fast, portable, and extensible cmd+k interface.
Display a tree data structure
3167β
145π΄
react-arborist) - π demo - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search1054β
86π΄
react-complex-tree) - π demo - π docs - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search1091β
160π΄
react-treeview) - Easy, light, flexible tree view made with React.25β
4π΄
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
4382β
439π΄
react-scroll) - React scroll component.4470β
483π΄
react-swipeable-views) - A React Component for binded Tabs and Swipeable Views.
152β
14π΄
rc-scrollbars) - π demo - Customizable scrollbars with flex options and 60FPS558β
66π΄
react-custom-scroll) - demo - Easily customize the browser scroll bar with native OS scroll behavior.31β
4π΄
react-shadow-scroll) - Component that customizes the image and inserts shadow when scrolling exists.
17β
6π΄
react-dailymotion) - Dailymotion player component for React.9575β
1156π΄
react-player) - A react component for playing a variety of URLs, including YouTube.1459β
110π΄
react-soundplayer) - Create custom SoundCloud players with React.1870β
222π΄
react-youtube) - React.js powered YouTube player component.2679β
396π΄
video-react) - A web video player built for the HTML5 world using React library.77β
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.19β
4π΄
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.
6422β
843π΄
google-map-react) - Universal google map react component, allows render react components on the google map.3476β
146π΄
pigeon-maps) - π demo - ReactJS Maps without external dependencies.1041β
326π΄
react-geosuggest) - A React autosuggest for the Google Maps Places API.5263β
892π΄
react-leaflet) - React components for Leaflet maps.7988β
1359π΄
react-map-gl) - A React wrapper for MapboxGL-js and overlay API.231β
50π΄
react-svg-map) - π demo - A set of components to display an interactive SVG map.
Display time / date / age
1070β
128π΄
react-timeago) - A simple time-ago component for ReactJs.427β
23π΄
timeago-react) - Format date with*** time ago
statement. eg: '3 hours ago'.390β
49π΄
react-google-flight-datepicker) - Google flight date picker implemented in ReactJS.
Display images / photos
6658β
1287π΄
lightGallery) - π demo - π docs - Full-featured lightbox gallery component.346β
76π΄
react-compare-image) - π demo - React component to compare two images using a slider.3845β
718π΄
react-image-gallery) - Responsive image gallery, carousel, image slider react component.923β
39π΄
yet-another-react-lightbox) - π demo - π docs - React lightbox component.187β
10π΄
react-intense) - A React component for viewing large images up close.606β
34π΄
react-photo-album) - π demo - π docs - Responsive React Photo Gallery.686β
127π΄
react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG.469β
20π΄
react-particle-image) - π demo - Render images as interactive particles.370β
64π΄
react-imgix) - Add fast, responsive images as an image, picture, or background!25β
3π΄
@frameright/react-image-display-control) - Define zoom regions for smart responsive images.320β
8π΄
zoom-image) - π demo - π docs - A little yet powerful framework agnostic library to zoom image on the web
Display icons / icon set / emojis
209β
12π΄
iconify-react) - Over 40k icons from 50+ icon sets, including all popular icon and emoji sets.11877β
767π΄
react-icons) - Svg react icons of popular icon packs using ES6 imports.73β
4π΄
react-open-doodles) - Awesome free illustrations as react components.230β
21π΄
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.
15036β
665π΄
Lucide) - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Display a control element to paginate
2759β
634π΄
react-paginate) - A ReactJS component that creates a pagination.28β
9π΄
react-laravel-paginex) - Laravel Pagination with ReactJS (customizable).22β
1π΄
paginated) - React render props & custom hook to build pagination.17β
3π΄
react-steps) - π Demo - Responsive React Stepper.
Display parsed markdow source
13720β
895π΄
react-markdown) - Render Markdown as React components.
Sketch input using Canvas or SVG
5884β
270π΄
react-konva) - React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework.689β
228π΄
react-sketch) - A Sketch tool for React based applications, backed-up by FabricJS481β
85π΄
react-sketch-canvas) - π Demo Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets221β
26π΄
react-heat-map) - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.
30997β
4844π΄
html2canvas) - Take screenshots of any part of your web page using Javascript.
6247β
389π΄
puck) - π demo - The self-hosted visual editor for React52β
6π΄
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.2058β
505π΄
react-awesome-query-builder) - π demo - Visual query builder from form fields, with SQL, MongoDB and JSON export464β
49π΄
react-blur) - React component for blurred backgrounds.42β
6π΄
react-demo-tab) - π demo - A React component to easily create demos of other components.797β
144π΄
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.2366β
267π΄
react-pdf-viewer) - π docs - A React component to view a PDF document.1745β
605π΄
react-simple-chatbot) -2β
0π΄
demo) - A simple chatbot component to create conversation chats.118β
27π΄
react-file-reader-input) - File input component for control for file reading styling and abstraction.53β
11π΄
react-filter-control) - The React filterbuilder component for building the filter criteria in the UI.80β
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.7060β
552π΄
react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.47β
2π΄
react-mouse-select) - π Demo A component that allows selecting DOM elements by moving the mouse4038β
329π΄
react-resizable-and-movable) - Resizable and movable component for React.2524β
223π΄
react-resizable-box) - Resizable component for React. #reactjs.32β
3π΄
react-searchbox-awesome) - π demo - Minimalistic searchbox.3245β
411π΄
react-split-pane) - React split-pane component.51β
17π΄
react-swipe-to-delete-ios) - π demo - To delete an item in a list the same way iOS does.119β
20π΄
react-swipeable-list) - π demo - Configurable component to render list with swipeable items.3840β
183π΄
typography) - A powerful toolkit for building websites with beautiful typography.18β
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.9834β
915π΄
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.47β
6π΄
@restpace/schema-form) - π Demo - Easily build complex forms automatically from a JSON Schema.277β
21π΄
react-darkreader) - A React Hook for adding a dark / night mode to your site inspired by darkreader.109β
13π΄
react-apple-signin-auth) - Apple signin for React using the official Apple JS SDK.5β
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
104β
16π΄
date-range-picker) - π demo - A calendar component that supports date, range & ranges picks.8102β
2270π΄
react-big-calendar) - Gcal/outlook like calendar component.8202β
2251π΄
react-datepicker) - A simple and reusable datepicker component for React.6230β
743π΄
react-day-picker) - Flexible date picker for React.609β
108π΄
react-flatpickr) - Flatpickr for React.96β
47π΄
react-simple-timefield) - π demo - Simple time input field.227β
47π΄
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.
3654β
522π΄
react-calendar) - Ultimate calendar for your React app.1296β
197π΄
react-date-picker) - A date picker for your React app.1573β
114π΄
schedule-x) - Material design event calendar and date picker components. Demo site: https://schedule-x.dev/
1112β
40π΄
interweave-emoji-picker) - A React based emoji picker powered by Interweave and Emojibase.
Masked inputs, specialized inputs; email / telephone number / credit card / etc.
2603β
306π΄
react-credit-cards) - Beautiful credit cards for your payment forms.421β
65π΄
react-payment-inputs) - π demo - A zero-dependency container to help with payment card input fields.2255β
261π΄
react-input-mask) - demo - Yet another react component for input masking.1441β
165π΄
@lunasec/react-sdk) - π docs - Secure, hardened form components that encrypt/tokenize all data automatically.138β
38π΄
react-numpad) - π demo - Extensible number pad control for numbers, dates and times.307β
71π΄
react-multi-email) - π demo - Format multiple emails as the user types.
Autosuggest / autocomplete / typeahead
5968β
585π΄
react-autosuggest) - WAI-ARIA compliant React autosuggest component.677β
229π΄
react-typeahead) - Pure react-based typeahead and typeahead-tokenizer.
455β
78π΄
react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button.195β
11π΄
react-functional-select) - π demo - Micro-sized & micro-optimized select component for React.js.319β
122π΄
react-mobile-picker) - π demo - An iOS like select box component.27831β
4144π΄
react-select) - A Select control built with and for React JS.14β
2π΄
react-column-select) - A column select component built for react.688β
148π΄
react-select-search) - π demo - A lightweight select component for React
90β
10π΄
coloreact) - A tiny Color Picker for React.344β
109π΄
react-color) - Is a tiny color picker widget component for React apps.3257β
110π΄
react-colorful) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component.245β
35π΄
react-input-color) - React input color component with hsv color picker.
444β
15π΄
@anatoliygatt/heart-switch) - π demo - A fully themeable and accessible heart-shaped toggle switch component.128β
26π΄
react-ios-switch) - React switch component.950β
158π΄
react-toggle) - An elegant, accessible toggle component for React. Also a glorified checkbox.4β
0π΄
ui-switch) - The most complete Toggle component
897β
236π΄
react-slider) - Slider component for React.
445β
75π΄
react-radio-group) - Better radio buttons.
Let the user select something (e.g. a tag) while typing
200β
65π΄
react-autocomplete-input) - Autocomplete input field for React.2544β
593π΄
react-mentions) - Mention people in a textarea.357β
9π΄
rich-textarea) - A textarea to colorize, highlight, decorate texts and offer autocomplete.
Let the user add multiple tags in a single input
1525β
400π΄
react-tag-input) - A fantastically simple tagging component for your React projects.1354β
234π΄
react-tagsinput) - A simple react component for inputing tags.147β
48π΄
react-tokeninput) - Tokeninput component for React.3675β
442π΄
tagify) - π demo & docs - Lightweight, efficient Tags input component.
771β
179π΄
react-input-autosize) - Auto-resizing input field for React.14β
2π΄
react-autowidth-input) - Highly configurable & extensible automatically sized input field built with hooks.2286β
249π΄
react-textarea-autosize) - <textarea /> component for React which grows with content.
363β
6π΄
react-rating) - π demo - Zero-dependency, highly customizable rating component.31β
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.
33672β
2668π΄
react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React21252β
2006π΄
react-dnd) - Drag and Drop for React.19β
3π΄
react-drag-sizing) - "Drag to resize" (sizing) as React Component.9102β
1043π΄
react-draggable) - React draggable component.996β
77π΄
react-dragula) - Drag and drop so simple it hurts.10700β
793π΄
react-dropzone) - Simple HTML5 drag-drop zone with React.js.1588β
56π΄
react-movable) - Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables.649β
51π΄
react-sortable-pane) - Sortable and resizable pane component for React.1799β
52π΄
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
460β
84π΄
react-anything-sortable) - Sort any children with touch support and IE8 compatibility.30071β
3718π΄
sortablejs) - Lists reorderable by drag-and-drop, within and among lists.
1399β
280π΄
alloyeditor) - WYSIWYG editor based on CKEditor with completely rewritten UI.99β
53π΄
ckeditor4-react) - An official CKEditor 4 rich text editor wrapper.437β
101π΄
ckeditor5-react) - An official CKEditor 5 rich text editor wrapper.22580β
2630π΄
draft-js) - A React framework for building text editors.708β
32π΄
edtr-io) - π demo - π docs - WYSIWYG in-line web editor with plugins.1216β
218π΄
megadraft) - Rich Text editor built on top of draft.js.4124β
608π΄
react-ace) - Ace (Advanced Code Editor) wraper.1780β
139π΄
react-codemirror) - π demo - CodeMirror component for React.1646β
217π΄
react-contenteditable) - React component for a div with editable contents.6458β
1168π΄
react-draft-wysiwyg) - WYSIWYG editor build on top of π DraftJS.55β
6π΄
react-editor) - Simple richtext editor that can insert images and HTML.504β
93π΄
react-medium-editor) - medium-editor wrapper.304β
26π΄
react-monacoeditor) - Monaco Editor component for React.1643β
169π΄
react-simple-code-editor) - Simple no-frills code editor with syntax highlighting6853β
937π΄
react-quill) - Quill wrapper.147β
21π΄
react-trumbowyg) - π Trumbowyg wrapper.2816β
250π΄
remirror) - π demo - π docs - ProseMirror toolkit for React.30389β
3278π΄
slate) - demo - π docs - A completely customizable framework for building rich text editors.315β
28π΄
smartblock) - π demo - π docs - Block based WYSIWYG editor based on ProseMirror.28897β
2386π΄
tiptap) - π demo - π docs - The headless editor framework for web artisans.
773β
103π΄
react-simplemde-editor) - React component wrapper for2546β
329π΄
EasyMDE (the most fresh SimpleMDE fork)).214β
27π΄
react-markdown-editor) - A markdown editor using React/Reflux.2296β
175π΄
react-md-editor) - A simple markdown editor with preview, implemented with React.js and TypeScript.
Image manipulation
2408β
371π΄
react-avatar-editor) - Facebook-like, avatar / profile picture component.68β
6π΄
react-avatar-generator) - Generate fun kaleidoscope for user avatars.2446β
168π΄
react-easy-crop) - Component to crop/rotate images/videos with easy interactions. Touch friendly.3929β
345π΄
react-image-crop) - A responsive image cropping tool for React.174β
56π΄
react-image-cropper) - Image cropper.752β
39π΄
react-advanced-cropper) - A react cropper library to create the cropper exactly suited for your website design.36β
8π΄
react-mobile-cropper) - A ready-to-use image cropping library highly inspirited by popular Android croppers. Based onreact-advanced-cropper
.
571β
148π΄
formsy-material-ui) - A Formsy compatibility wrapper for Material UI form components.287β
92π΄
formsy-react-components) - A set of React JS components for use in a formsy-react form.1374β
68π΄
react-input-enhancements) - Set of enhancements for input control.2353β
393π΄
react-widgets) - An Γ la carte set of polished, extensible, and accessible inputs.
161β
9π΄
@anatoliygatt/numeric-stepper) - π demo - A fully themeable and accessible numeric stepper component.1112β
40π΄
interweave) - React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.1869β
228π΄
react-designer) - Easy to configure, lightweight, editable vector graphics in your react components.81β
44π΄
react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize.
4257β
291π΄
react-syntax-highlighter) - Syntax highlighting component with Prismjs or Highlightjs AST using inline styles.
Components to layout the app's UI
1576β
120π΄
autoresponsive-react) - Auto responsive grid layout library.6368β
539π΄
golden-layout) - A multi-screen JavaScript Layout manager.865β
60π΄
hedron) - A no-frills flexbox grid system, powered by styled-components.161β
21π΄
m-react-splitters) - Splitter component, written in TypeScript.361β
53π΄
muuri-react) - π demo - π docs - Responsive, sortable, filterable and draggable grid layouts.20859β
2615π΄
react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React.1451β
144π΄
react-masonry-component) - Wrapper for @desandro's Masonry.644β
73π΄
react-reflex) - Flex layout container component for advanced React web applications.1307β
26π΄
react-spaces) - π demo/docs - Nestable anchored, resizable, scrollable components.1230β
72π΄
react-stonecutter) - Animated grid layout component.6β
1π΄
react-colrow) - Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow.8β
1π΄
react-schematic) - π demo - Build responsive layouts using styled schematics without an overhead of any theme configuration
Animate transitions
546β
32π΄
data-driven-motion) - Easily animate your data.49β
1π΄
react-animatable) - An animation library using Web Animations API.1558β
80π΄
react-anime) - A super easy animation library.4109β
257π΄
react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.729β
38π΄
react-gsap-enhancer) - Use the full power of React and GSAP together.8040β
877π΄
react-tsparticles) - A lightweight component to easily create interactive particles animations21749β
1155π΄
react-motion) - A spring that solves your animation problems.363β
23π΄
react-mt-svg-lines) - Wrapper to animate the line stroke in SVGs.2601β
137π΄
react-router-transition) - Transitions built for react-router, powered by react-motion.28476β
1201π΄
react-spring) - A spring physics based animation library.40β
2π΄
react-ts-typewriter) - π demo - Easy to use and customizable typewriter effect for any text.27385β
907π΄
framer-motion) - An animation and gesture library.358β
48π΄
react-spark-scroll) - Scroll-based actions and animations for react.341β
23π΄
react-track) - Track the position of DOM elements. Create cool animations.212β
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 size658β
96π΄
react-particles-bg) - Particles backgrounds.661β
16π΄
gooey-react) - π demo/docs - The gooey effect for React, used for shape blobbing / metaballs.31β
1π΄
react-voodoo) -4β
0π΄
demo/samples) - Additive animation engine allowing complex android/iOs-like animations, rendering sliders on SSR, predictive inertia, multitouch, etc
1903β
143π΄
simple-parallax-js) - π demo - The easiest way to get a parallax effect with React and JavaScript on images990β
121π΄
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!
93769β
51263π΄
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.
8068β
1867π΄
carbon) - π demo/docs - A design system built by IBM.51β
16π΄
cdbreact) - π demo - π docs - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps.38565β
3362π΄
chakra-ui) - π demo/docs - Simple, Modular & Accessible UI Components for your React Applications.2823β
296π΄
ChatUI) - π demo/docs - The UI design language and React library for Conversational UI685β
265π΄
CoreUI for React) - π demo/docs - Open Source UI components library.12397β
828π΄
evergreen) - π demo/docs - Evergreen React UI Framework by Segment.18851β
2770π΄
fluentui) - UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.4401β
332π΄
geist-ui) - Modern and minimalist React UI library.4276β
363π΄
gestalt) - π demo/docs - A set of components that supports Pinterestβs design language.8353β
1033π΄
grommet) - The most advanced UX framework for enterprise applications.27838β
1961π΄
Mantine) - π demo/docs - A fully featured library with 100+ hooks and components with native dark theme support1401β
152π΄
orbit) - Components for building travel oriented projects.1968β
441π΄
flowbite-react) - Open-source UI component library based on React, Tailwind CSS, and Flowbite.7410β
1089π΄
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.
22493β
3617π΄
react-bootstrap) - Bootstrap components built with React.597β
68π΄
react-foundation) - Foundation as React components.7999β
383π΄
reakit) - π demo/docs Toolkit for building accessible rich web apps4796β
441π΄
searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.13258β
4050π΄
semantic-ui-react) - The official Semantic-UI-React integration.8872β
743π΄
semi-design) - π demo/docs - A modern, comprehensive, flexible design system.81366β
5347π΄
shadcn/ui) - π demo - π docs - Beautifully designed components that you can copy and paste into your apps.922β
149π΄
shineout) - π demo - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc.
- π
94845β
32498π΄
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.
412β
47π΄
react-essence) - Essence - The Essential Material Design Framework.1379β
300π΄
react-materialize) - Material design for react, powered by materializecss.8653β
974π΄
react-toolbox) - A set of React components implementing Google's Material Design.1425β
265π΄
mdbootstrap) - React Bootstrap with Material Design
11735β
2434π΄
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.
20895β
2186π΄
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.764β
97π΄
shards-react) - π docs/demo - A beautiful and modern React design system. Freemium.1426β
151π΄
aframe-react) - Build virtual reality experiences with A-Frame and React.25416β
5306π΄
react-admin) - Build admin user experiences on top of REST and GraphQL services.29949β
2361π΄
refine) - π demo - π docs - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit.29β
1π΄
matrix-card) - π demo - Simplest possible component to generate matrix rain style cards.8447β
946π΄
rsuite) - π demo/docs - Suite of components for "enterprise system products".8β
0π΄
lens-ui) -8β
0π΄
docs) - A Suit of components focused on simplicity.
Report computed styles
Report when a component becomes visible/hidden
5233β
189π΄
react-intersection-observer) - React implementation of the Intersection Observer API.2327β
196π΄
react-visibility-sensor) - Sensor component.4072β
209π΄
react-waypoint) - A React component to execute a function whenever you scroll to an element.
Determine and report measurements of an element
182β
12π΄
react-component-queries) - Provide props to your Components based on their Width and/or Height.230β
28π΄
react-container-dimensions) - Wrapper component that detects element resize.450β
78π΄
react-dimensions) - React higher-order component to get dimensions of container.181β
27π΄
react-height) - Component-wrapper to determine and report children elements height.1943β
109π΄
react-measure) - Compute measurements of a React component.1952β
95π΄
react-sizeme) - Make your React Components aware of their width and height.
Turn user input into actions
2158β
160π΄
react-hotkeys) - Declarative hotkey and focus area management for React.387β
29π΄
react-key-handler) - React component to handle keyboard events.498β
36π΄
react-keydown) - Lightweight keydown wrapper for React components.329β
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.29β
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.
1659β
257π΄
react-swipe) - Swipe.js as a React component.
121β
9π΄
react-hook-mighty-mouse) - π demo - Hook that tracks mouse events on selected element.
Set meta tags, <title>, children of
2183β
162π΄
react-helmet-async) - Thread-safe Helmet for React 16+ and friends17445β
659π΄
react-helmet) - A document head manager for React.
Render an element at an arbitrary DOM node
159β
10π΄
react-layer-stack) - Simple but ubiquitously powerful and agnostic layering system for React.2149β
172π΄
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.1995β
125π΄
cerebral) - A state controller with its own debugger.4663β
245π΄
effector-react) - React bindings for effector, an effective multi-store state manager.766β
36π΄
fireproof) - π demo - π docs Pure JS, zero dependency, CRDT database - runs in the browser and connects to any cloud or backend- π RxDB -
22038β
1086π΄
demo) - π docs A fast, local first, reactive Database for JavaScript Applications 1805β
227π΄
fluxible) - A pluggable container for universal flux applications.1951β
51π΄
kea) - High level architecture for React apps.383β
42π΄
react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application.23463β
3364π΄
react-redux) - Official React bindings for Redux.1047β
37π΄
redux-batched-actions) - Reducer + action to reduce actions under a single subscriber notification.61066β
15251π΄
redux) - Predictable state container for JavaScript apps.19061β
675π΄
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 -
50396β
1589π΄
docs) - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api. 714β
25π΄
teaful) - Tiny, easy and powerful React state management
314β
89π΄
data-driven-forms) - A declarative way for building forms with all the functionality.34154β
2800π΄
formik) - Build forms without tears and supports Validation in ease.?β
?π΄
formsy-react) - A form input builder and validator for React JS.4β
0π΄
Phormal) - π Docs & Demos - Responsive, multilingual forms with built-in validation, support for dark mode and right-to-left languages.42481β
2132π΄
react-hook-form) - React hooks for form validation without the hassle.14593β
2230π΄
react-jsonschema-form) - A React component for building Web forms from JSONSchema.4β
1π΄
react-client-validation) - Simple and super lightweight validation for React.7402β
482π΄
react-final-form) - Subscription-based form state management6β
2π΄
react-formawesome) - Complex library for creating awesome forms.4314β
843π΄
surveyjs) - The advanced Survey and Form library11563β
1497π΄
Formily) - High performance, extensible, and Typescript friendly5β
0π΄
hook-form-react) - π docs - A lightweight, dependency-free solution React hooks for form validation.
870β
94π΄
react-router-component) - Declarative router component for React.836β
60π΄
react-router-scroll) - React Router scroll management.54103β
10459π΄
react-router) - A complete routing library for React.450β
34π΄
redux-first-history) - Redux First History - Redux history binding support react-router - @reach/router - wouter1727β
105π΄
universal-router) - A simple middleware-style router for isomorphic JavaScript web apps.7016β
161π΄
wouter) - A minimalist-friendly ~1.3KB routing library. Nothing else but hooks.9004β
771π΄
tanstack-router) - Type-safe router with built-in caching & URL state management
Component properties asynchronously fetched over the network
3429β
141π΄
react-refetch) - A simple, declarative, and composable way to fetch data for React components.548β
66π΄
redux-connect) - Provides decorator for resolving async props in react-router.48β
4π΄
axios-react) - HTTP client component for React.
19479β
2672π΄
apollo-client) - A simple caching client for any GraphQL server and UI framework.18538β
1844π΄
react-relay) - Relay is a JavaScript framework for building data-driven React applications.43900β
3025π΄
query) - π docs Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue.
204β
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β
187π΄
aphrodite) - It's inline styles, but they work!.393β
59π΄
inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects.892β
48π΄
react-container-query) - Modular responsive component.7077β
299π΄
react-responsive) - Media queries in react for responsive design.14β
2π΄
reactponsive) - Responsive components and hooks.40677β
2507π΄
styled-components) - Visual primitives for the component age.7763β
256π΄
stitches) - CSS-in-JS with near-zero runtime, SSR, multi-variant support.
1616β
64π΄
jsx-control-statements) - Neater If and For for React JSX.
5815β
212π΄
hypernova) - A service for server-side rendering your JavaScript views.1271β
144π΄
isomorphic-style-loader) - Isomorphic CSS style loader for Webpack.3889β
184π΄
react-server) - React framework with server render for blazing fast page load.612β
21π΄
rill) - Universal web application framework.1250β
48π΄
webpack-isomorphic-tools) - Server-side rendering for your Webpack-built applications (e.g. React).
Scaffold / starter kit / Yeoman generator / stack ensemble / seed
103108β
26983π΄
create-react-app) - Create React apps with no build configuration.187β
28π΄
crisp-react) - Express integration in TypeScript with support for multiple SPAs and pitfall avoidance.36β
8π΄
cra-template-redux-auth-starter) - A Redux auth starter boilerplate for CRA.23525β
3914π΄
electron-react-boilerplate) - Live editing development on desktop app.194β
21π΄
elegant) - π docs - π demo - A simple React framework for rapidly building beautiful and expressive web applications with Next.js, Tailwind CSS, and Markdown loading.393β
95π΄
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.1279β
184π΄
generator-starhackit) - Full-stack starter kit.5573β
329π΄
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.
110β
6π΄
PBandJ) - Zero-Config Reusable Component Framework.3902β
877π΄
react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project.615β
19π΄
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.159β
16π΄
phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support.91β
22π΄
react-enterprise-starter-kit) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase.
1283β
105π΄
react-inlinesvg) - An SVG loader component for ReactJS.28β
3π΄
react-godfather) - A new way to write Functional Components, without Hooks.2121β
258π΄
redux-auth-patch) - Complete token authentication system for react + redux that supports isomorphic rendering.1399β
63π΄
redux-search) - Redux bindings for client-side search.202β
13π΄
tcomb-react) - Alternative syntax for PropTypes.189β
3π΄
react-universal-hooks) - π support react hooks everywhere (Functional or Class Component).
3976β
337π΄
qrcode.react) - A <QRCode/> component for use with React.1324β
71π΄
<qr-code>
) β A no-dependencies, customizable, animate-able, SVG-based<qr-code>
element.374β
24π΄
react-children-utilities) - Extended utils for React.Children.2436β
115π΄
react-media) - A CSS media query component for React.63β
10π΄
react-middle-ellipsis) - π demo - Truncate long strings in the middle instead of the end.322β
31π΄
react-translate-component) - Multi-lingual/localized text content.
Internationalization / L10n / localization / translation
9439β
1032π΄
react-i18next) - Internationalization for react done right. Using the i18next i18n ecosystem.14407β
1368π΄
react-intl) - Internationalize React apps.10β
1π΄
react-localized) - Internationalization for React components based ongettext
format.35β
7π΄
react-translate-maker) - Universal internationalization (i18n) open source library for React.1342β
155π΄
react-intl-universal) - π demo Internationalize React apps. Not only for React.Component but also for Vanilla JS.238β
30π΄
@tolgee/react) - π docs β Web-based localization tool enabling users to translate directly in the React app they develop4883β
394π΄
js-lingui) - π docs β A readable, automated, and optimized (5 kb) internationalization for JavaScript.
809β
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β
31π΄
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.1540β
81π΄
react-d3-library) - Open source library for using D3 in React.779β
54π΄
react-elm-components) - Write React components in Elm.172β
15π΄
react-famous) - React bridge to Famo.us.289β
20π΄
react-localstorage) - Simple componentized localstorage implementation for Facebook's React.512β
55π΄
react-lottie-player) - π demo - Declarative lottie animation player.5138β
631π΄
react-on-rails) - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.1491β
155π΄
react-three-renderer) - Render into a three.js canvas using React.82β
4π΄
react-threejs) - Simplest bindings between React & Three.js3559β
409π΄
reactfire) - ReactJS mixin for easy Firebase integration.697β
45π΄
reactive-elements) - Allows to use React.js component as HTML element (web component).1787β
168π΄
react-unity-webgl) - Unity intergration with two-way communication using a built-in Event System.
5122β
443π΄
react-ga) - React Google Analytics Module.110β
9π΄
react-google-analytics) - Google analytics component.487β
117π΄
react-google-autocomplete) - Google Places API components and hooks.637β
97π΄
react-recaptcha) - A react.js reCAPTCHA for Google.981β
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.3617β
308π΄
react-firebase-hooks) - Hooks to integrate firebase in your application.
16114β
634π΄
inferno) - An extremely fast, React-like JavaScript library for building modern user interfaces.486β
41π΄
react-fastclick) - Fast Touch Events for React.223β
16π΄
react-static-container) - Renders static content efficiently.
414β
12π΄
react-perf-tool) - Debug performance of your React application.837β
16π΄
react-render-visualizer) - Render visualizer for ReactJS.
202β
39π΄
react-infinite-grid) - A React component which renders a grid of elements.2701β
274π΄
react-infinite) - A browser-ready efficient scrolling container based on UITableView.980β
167π΄
react-lazy-load) - React component that renders children elements when they enter the viewport.5893β
489π΄
react-lazyload) - Lazyload your Component, Image or anything matters the performance.26613β
3067π΄
react-virtualized) - React components for efficiently rendering large lists and tabular data.
895β
61π΄
babel-plugin-transform-react-remove-prop-types) - Remove unnecessary React propTypes.1725β
98π΄
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.680β
31π΄
react-esi) - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments
785β
72π΄
chai-enzyme) - Chai.js assertions and convenience functions for testing React Components with enzyme.19943β
2002π΄
enzyme) - JavaScript Testing utilities for React.44533β
6518π΄
jest-cli) - Painless JavaScript Testing.193β
15π΄
react-unit) - Lightweight unit test library for ReactJS.493β
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.186β
19π΄
unexpected-react) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.69544β
3889π΄
playwright) enables reliable end-to-end testing for modern web apps.
291β
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.153β
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.14120β
1170π΄
redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI.1805β
139π΄
remote-redux-devtools) - Redux DevTools remotely.
- π fluxguard - PROD change monitoring that highlights all DOM + design changes.
790β
95π΄
react-inspector) - Power of Browser DevTools inspectors right inside your React app.293β
68π΄
react-json-inspector) - React JSON inspector component.15095β
947π΄
reactotron) - A CLI and OS X app for inspecting your React JS and React Native apps.
81β
8π΄
component-controls) - π demo - π docs - A next-generation tool to create blazing-fast documentation sites.8413β
357π΄
cosmos-js) - DX tool for designing truly encapsulated React components.56β
6π΄
react-demo-tab-cli) - CLI tool for creating demos of react components.10863β
1434π΄
react-styleguidist) - React style guide generator.29263β
2311π΄
standard-react) - JavaScript Standard Style Guide.- π Plasmic - Powerful design tool for building your React components visually.
60β
11π΄
SimpleLocalize) - Open source CLI tool for finding i18n keys in React projects.82β
13π΄
react-device-frameset) - React device frameset component.
191β
24π΄
DataFormsJS JSX Loader) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page.2134β
135π΄
html-to-react-components) - Extract annotated portions of HTML into React components as separate modules.940β
100π΄
htmltojsx) - Automatically AJAXify plain HTML with the power of React. It's magic!.175β
18π΄
jsonx) - React JSON Syntax.3600β
364π΄
mozaik) - MozaΓ―k is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.4473β
181π΄
react-blessed) - A react renderer for blessed.10β
4π΄
jsondiffpatch-react) - JSON diffing.3820β
252π΄
iron-session) - Secure, stateless, and cookie-based session library.
55740β
10303π΄
gatsby) - Transform plain text into dynamic blogs and websites using React.js.
395β
25π΄
BCMS) - API-based, open-source, self-hostable content management system for Gatsby, Nuxt and Next.46β
5π΄
crisp-bigquery) - Full stack Google BigQuery with Express in TypeScript.299β
46π΄
react-server-routing-example) - Universal client/server routing and data with AWS DynamoDB.
43607β
3557π΄
brillout/awesome-react-components)