awesome-react-components
React component library
A curated list of React components and libraries that solve real problems in unique or exceptional ways.
Curated List of React Components & Libraries.
43k stars
763 watching
4k forks
last commit: about 1 year ago
Linked from 7 awesome lists
awesomeawesome-listreactreact-componentreact-components
🚀 Absolutely Awesome React Components & Libraries | |||
| @petebray | , author of — monitor PROD website changes | ||
| @brillout | , author of — a fast Vite-based React framework that is flexible, lean, community-driven and dependable | ||
🚀 Absolutely Awesome React Components & Libraries / UI Components / Editable data grid / spreadsheet | |||
| fortune-sheet | 2,588 | 11 months ago | An online spreedsheet component that provides out-of-the-box features just like Excel |
| AG Grid | 13,040 | 11 months ago | Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components |
| gigatables-react | 146 | almost 3 years ago | Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more |
| MUI X Data grid | 4,595 | 11 months ago | - Fast and customizable data grid with advanced features for power users and complex use cases |
| react-data-grid | 7,030 | 11 months ago | Excel-like grid |
| revo-grid | 2,804 | 11 months ago | - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization |
| ReactGrid | 1,289 | 11 months ago | - Add spreadsheet-like behavior to your app |
| jqwidgets-react-grid | Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more | ||
🚀 Absolutely Awesome React Components & Libraries / UI Components / Infinite Scroll | |||
| @egjs/react-infinitegrid | 2,235 | over 1 year ago | - - A module used to arrange card elements including content infinitely according to various layout types |
| react-lazyload | 5,879 | over 1 year ago | Lazyload your Component, Image or anything else where the performance matters |
| react-list | 1,963 | 11 months ago | A versatile infinite scroll React component |
| @af-utils/virtual | 78 | about 1 year ago | - Render large scrollable lists and grids |
| react-window | 16,035 | about 1 year ago | - React components for efficiently rendering large lists and tabular data |
| virtua | 1,645 | 11 months ago | - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Overlay | |||
| react-aria-modal | 1,038 | about 2 years ago | A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices |
| react-modal | 7,372 | over 1 year ago | Accessible modal dialog component for React |
| reoverlay | 152 | over 2 years ago | - The missing solution for managing modals |
| sweetalert2 | 17,428 | 11 months ago | - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies |
| sweetalert2-react-content | 706 | 11 months ago | Official SweetAlert2 enhancer adding support for React elements as content |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Notification | |||
| react-notifications-component | 1,274 | about 2 years ago | - Highly customizable and easy-to-use component for notifications |
| notistack | - - Highly customizable notification snackbars (toasts) that can be stacked on top of each other | ||
| react-local-toast | 132 | over 1 year ago | - - show feedback linked to particular component instead of app-wide toasts |
| react-toast | 77 | over 2 years ago | - - Minimal toast notifications |
| react-toastify | 12,819 | 11 months ago | 🚀 - - best bet out there at the moment. Hooks support. No refs |
| reapop | 1,553 | 11 months ago | A React & Redux notifications system |
| simple-react-notifications | 61 | over 2 years ago | - Tiny notification library (1kb gzip) |
| react-hot-toast | 9,899 | over 1 year ago | - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default |
| Sonner | An opinionated toast component for React | ||
🚀 Absolutely Awesome React Components & Libraries / UI Components / Tooltip | |||
| react-tooltip | 3,639 | 11 months ago | React tooltip component |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Menu | |||
| hamburger-react | 985 | over 1 year ago | - Animated hamburger menu icons for React |
| react-burger-menu | 5,076 | 12 months ago | An off-canvas sidebar with effects and styles |
| react-offcanvas | 51 | over 5 years ago | Off-canvas menus for React |
| react-planet | 182 | about 4 years ago | - Create circular menus which looks like planets |
| mantine-contextmenu | 129 | 12 months ago | - Context-menu hook/component for applications built with Mantine UI |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Sticky | |||
| react-headroom | 1,847 | almost 3 years ago | Hide your header until you need it |
| react-stickynode | 1,296 | 11 months ago | A performant and comprehensive React sticky |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Tabs | |||
| react-tabs | 3,109 | 11 months ago | React tabs component |
| react-tabtab | 402 | almost 3 years ago | React, tabs |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Loader | |||
| react-loader-spinner | 990 | over 1 year ago | Collection set of react-spinner for async operation |
| react-redux-loading-bar | 937 | 11 months ago | Simple Loading Bar for Redux and React |
| react-spinners-css | 321 | over 2 years ago | Amazing collection of react spinners components |
| react-spinners | 3,141 | 11 months ago | A collection of loading spinner components for react |
| react-content-loader | 13,789 | about 1 year ago | SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading) |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Captcha | |||
| react-simple-captcha | 43 | almost 2 years ago | - - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS |
| procaptcha | 50 | 11 months ago | - - Privacy focused free CAPTCHA |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Carousel | |||
| @egjs/react-flicking | 2,792 | 11 months ago | - - It's reliable, flexible and extendable carousel |
| react-awesome-slider | 2,942 | about 2 years ago | - Fullpage, 3D animated, 60fps media and content slider/carousel |
| pure-react-carousel | 1,681 | about 1 year ago | Built from scratch and not highly opinionated |
| react-id-swiper | 1,490 | over 2 years ago | A library to use idangerous Swiper as a ReactJs component |
| react-instagram-zoom-slider | 77 | almost 3 years ago | - A slider component with pinch to zoom capabilities inspired by Instagram |
| react-responsive-carousel | 2,675 | about 1 year ago | React.js Responsive Carousel (with Swipe) |
| react-slick | 11,790 | over 1 year ago | React carousel component |
| keen-slider | 4,726 | over 1 year ago | - Performant carousel/slider with native touch/swipe behavior |
| swiper | 40,148 | 12 months ago | - - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Buttons | |||
| react-awesome-button | 1,311 | over 1 year ago | - 3D animated 60fps buttons with load progress and social share actions |
| reactive-button | 134 | about 2 years ago | - - A beautiful animated button component with progress indicator |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Collapse | |||
| react-accessible-accordion | 787 | about 2 years ago | Accessible Accordion component for React |
| react-collapse | 1,131 | about 3 years ago | Component-wrapper for collapse animation with react-motion |
| react-tabbordion | 80 | almost 3 years ago | - Universal, semantic and CSS-only components for creating Accordions and Tabs |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Chart | |||
| chartify | 693 | over 2 years ago | React.js plugin for building animated draggable and customizable charts |
| essential js 2 charts | 353 | 11 months ago | Beautiful and interactive charts & graphs for react |
| echarts for react | 4,578 | over 1 year ago | Wrapper around beautiful Apache Echarts |
| jscharting-react | 18 | over 2 years ago | – React chart component offering a complete set of chart types and engaging data visualizations with |
| react-chartist | 528 | about 2 years ago | React component for Chartist.js |
| react-charty | 71 | over 4 years ago | - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming |
| react-chartjs-2 | 6,673 | 11 months ago | Common react charting components using Chart.js 2.0 |
| react-d3-components | 1,625 | almost 4 years ago | D3 Components for React |
| react-dazzle | 1,440 | almost 6 years ago | Dashboards made easy in React JS |
| react-google-charts | 1,626 | 12 months ago | React-google-charts React component |
| react-highcharts | 1,255 | almost 3 years ago | React-highcharts |
| react-sigmajs | 261 | almost 3 years ago | Lightweight but powerful library for drawing network graphs built on top of SigmaJS |
| react-sparklines | 2,841 | about 1 year ago | Beautiful and expressive Sparklines React component |
| react-timeseries-charts | 873 | about 2 years ago | Declarative timeseries charts |
| react-vis | 8,737 | about 1 year ago | Data visualization library based on React and d3 |
| recharts | 24,259 | 11 months ago | Redefined chart library built with React and D3 |
| rumble-charts | 343 | almost 3 years ago | React components for building composable and flexible charts |
| victory | 11,039 | 11 months ago | 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 | ||
| react-muze | 16 | about 5 years ago | React wrapper for (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly) |
| Flowchart React | 44 | over 1 year ago | Flowchart & Flowchart designer for React.js |
| react-dashboard | 1,590 | 12 months ago | Isomorphic Dashboards |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Command palette | |||
| cmdk | Fast, composable, unstyled command menu for React | ||
| kbar | 4,886 | about 1 year ago | - Fast, portable, and extensible cmd+k interface |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Tree | |||
| react-arborist | 3,090 | 11 months ago | - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search |
| react-complex-tree | 1,010 | 12 months ago | - - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search |
| react-treeview | 1,091 | almost 7 years ago | Easy, light, flexible tree view made with React |
| he-tree-react | 23 | over 1 year ago | - - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized |
🚀 Absolutely Awesome React Components & Libraries / UI Components / UI Navigation | |||
| react-scroll | 4,371 | 12 months ago | React scroll component |
| react-swipeable-views | 4,466 | over 1 year ago | A React Component for binded Tabs and Swipeable Views |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Custom Scrollbar | |||
| rc-scrollbars | 152 | over 2 years ago | - Customizable scrollbars with flex options and 60FPS |
| react-custom-scroll | 556 | over 1 year ago | - Easily customize the browser scroll bar with native OS scroll behavior |
| react-shadow-scroll | 31 | almost 3 years ago | Component that customizes the image and inserts shadow when scrolling exists |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Audio / Video | |||
| react-dailymotion | 17 | 11 months ago | Dailymotion player component for React |
| react-player | 9,473 | about 1 year ago | A react component for playing a variety of URLs, including YouTube |
| react-soundplayer | 1,458 | almost 3 years ago | Create custom SoundCloud players with React |
| react-youtube | 1,864 | almost 2 years ago | React.js powered YouTube player component |
| video-react | 2,678 | about 1 year ago | A web video player built for the HTML5 world using React library |
| material-ui-audio-player | 77 | over 2 years ago | Audio player for material ui design |
| react-vision-camera | 9 | over 3 years ago | Camera component for React using getUserMedia. We can use this component for computer vision tasks like barcode scanning, text recognition, etc |
| react-barcode-qrcode-scanner | 19 | about 1 year ago | Barcode and QR code scanner component for React. It uses react-vision-camera to access the camera and Dynamsoft Barcode Reader to read barcodes |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Map | |||
| google-map-react | 6,403 | over 1 year ago | Universal google map react component, allows render react components on the google map |
| pigeon-maps | 3,461 | about 1 year ago | - ReactJS Maps without external dependencies |
| react-geosuggest | 1,041 | over 1 year ago | A React autosuggest for the Google Maps Places API |
| react-leaflet | 5,199 | 11 months ago | React components for Leaflet maps |
| react-map-gl | 7,897 | 11 months ago | A React wrapper for MapboxGL-js and overlay API |
| react-svg-map | 229 | almost 3 years ago | - A set of components to display an interactive SVG map |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Time / Date / Age | |||
| react-timeago | 1,068 | 12 months ago | A simple time-ago component for ReactJs |
| timeago-react | 420 | over 2 years ago | Format date with statement. eg: '3 hours ago' |
| react-google-flight-datepicker | 387 | 11 months ago | Google flight date picker implemented in ReactJS |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Photo / Image | |||
| lightGallery | 6,578 | 12 months ago | - - Full-featured lightbox gallery component |
| react-compare-image | 340 | over 2 years ago | - React component to compare two images using a slider |
| react-image-gallery | 3,820 | 12 months ago | Responsive image gallery, carousel, image slider react component |
| yet-another-react-lightbox | 880 | 12 months ago | - - React lightbox component |
| react-intense | 187 | almost 2 years ago | A React component for viewing large images up close |
| react-photo-album | 580 | about 1 year ago | - - Responsive React Photo Gallery |
| react-svg-pan-zoom | 684 | about 1 year ago | A React component that adds pan and zoom features to SVG |
| react-particle-image | 463 | over 2 years ago | - Render images as interactive particles |
| react-imgix | 365 | 11 months ago | Add fast, responsive images as an image, picture, or background! |
| @frameright/react-image-display-control | 24 | 11 months ago | Define zoom regions for smart responsive images |
| zoom-image | 315 | about 1 year ago | - - A little yet powerful framework agnostic library to zoom image on the web |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Icons | |||
| iconify-react | 206 | almost 5 years ago | Over 40k icons from 50+ icon sets, including all popular icon and emoji sets |
| react-icons | 11,731 | 11 months ago | Svg react icons of popular icon packs using ES6 imports |
| react-open-doodles | 70 | almost 3 years ago | Awesome free illustrations as react components |
| react-icomoon | 227 | about 1 year ago | 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 | ||
| Lucide | 11,844 | 11 months ago | Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Paginator | |||
| react-paginate | 2,758 | over 1 year ago | A ReactJS component that creates a pagination |
| react-laravel-paginex | 28 | about 1 year ago | Laravel Pagination with ReactJS (customizable) |
| paginated | 22 | about 4 years ago | React render props & custom hook to build pagination |
| react-steps | 17 | about 3 years ago | - Responsive React Stepper |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Markdown Viewer | |||
| react-markdown | 13,359 | 12 months ago | Render Markdown as React components |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Canvas | |||
| react-konva | 5,821 | 11 months ago | React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework |
| react-sketch | 686 | almost 3 years ago | A Sketch tool for React based applications, backed-up by FabricJS |
| react-sketch-canvas | 468 | 12 months ago | Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets |
| react-heat-map | 214 | 11 months ago | A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Screenshot | |||
| html2canvas | 30,746 | over 1 year ago | Take screenshots of any part of your web page using Javascript |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Miscellaneous | |||
| puck | 5,348 | 11 months ago | - The self-hosted visual editor for React |
| react-advanced-news-ticker | 52 | about 4 years ago | - A flexible and animated vertical news ticker component |
| react-avatar-generator | 68 | almost 3 years ago | Allows users to create random kaleidoscopes to be used as avatars |
| react-awesome-query-builder | 2,030 | 11 months ago | - Visual query builder from form fields, with SQL, MongoDB and JSON export |
| react-blur | 464 | over 3 years ago | React component for blurred backgrounds |
| react-demo-tab | 42 | 11 months ago | - A React component to easily create demos of other components |
| react-facebook | 792 | over 2 years ago | Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post |
| fastcomments-react | 7 | 11 months ago | - FastComments component for embedding a live comment thread on a page or SPA |
| react-pdf-viewer | 2,315 | about 1 year ago | - A React component to view a PDF document |
| react-simple-chatbot | 1,742 | 12 months ago | - A simple chatbot component to create conversation chats |
| react-file-reader-input | 117 | over 5 years ago | File input component for control for file reading styling and abstraction |
| react-filter-control | 52 | almost 6 years ago | The React filterbuilder component for building the filter criteria in the UI |
| react-headings | 78 | about 1 year ago | 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 |
| react-joyride | 6,935 | 12 months ago | Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips! |
| react-mouse-select | 46 | over 2 years ago | A component that allows selecting DOM elements by moving the mouse |
| react-resizable-and-movable | 3,972 | 11 months ago | Resizable and movable component for React |
| react-resizable-box | 2,478 | 11 months ago | Resizable component for React. #reactjs |
| react-searchbox-awesome | 32 | almost 3 years ago | - Minimalistic searchbox |
| react-split-pane | 3,233 | almost 2 years ago | React split-pane component |
| react-swipe-to-delete-ios | 50 | almost 3 years ago | - To delete an item in a list the same way iOS does |
| react-swipeable-list | 116 | about 1 year ago | - Configurable component to render list with swipeable items |
| typography | 3,841 | over 2 years ago | A powerful toolkit for building websites with beautiful typography |
| react-pulse-text | 18 | about 1 year ago | - Allows you to animate the text of any property of another component |
| captcha-image | 8 | over 5 years ago | Allows you to generate a random captcha image with options |
| react-pdf | 9,618 | 11 months ago | Display PDFs in your React app as easily as if they were images |
| react-customizable-chat-bot | 17 | about 3 years ago | - Build your own chatbot matching your brand needs in minutes |
| @restpace/schema-form | 47 | about 1 year ago | - Easily build complex forms automatically from a JSON Schema |
| react-darkreader | 277 | over 2 years ago | A React Hook for adding a dark / night mode to your site inspired by darkreader |
| react-apple-signin-auth | 107 | almost 2 years ago | Apple signin for React using the official Apple JS SDK |
| react-mrz-scanner | 5 | over 2 years ago | A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Form Components | |||
| date-range-picker | 105 | almost 2 years ago | - A calendar component that supports date, range & ranges picks |
| react-big-calendar | 7,976 | 11 months ago | Gcal/outlook like calendar component |
| react-datepicker | 8,133 | 11 months ago | A simple and reusable datepicker component for React |
| react-day-picker | 6,133 | 11 months ago | Flexible date picker for React |
| react-flatpickr | 603 | about 1 year ago | Flatpickr for React |
| react-simple-timefield | 97 | almost 3 years ago | - Simple time input field |
| react-timezone-select | 218 | 11 months ago | - Dynamic, succinct timezone select. Based on |
| DevExtreme React Scheduler | High-performance plugin-based scheduler/calendar for Material Design | ||
| jQWidgets Scheduler | Feature complete Scheduling library | ||
| react-calendar | 3,604 | 11 months ago | Ultimate calendar for your React app |
| react-date-picker | 1,282 | 11 months ago | A date picker for your React app |
| schedule-x | 1,414 | 11 months ago | Material design event calendar and date picker components. Demo site: |
| interweave-emoji-picker | 1,103 | almost 2 years ago | A React based emoji picker powered by Interweave and Emojibase |
| react-credit-cards | 2,595 | almost 2 years ago | Beautiful credit cards for your payment forms |
| react-payment-inputs | 403 | over 1 year ago | - A zero-dependency container to help with payment card input fields |
| react-input-mask | 2,242 | over 1 year ago | - Yet another react component for input masking |
| @lunasec/react-sdk | 1,439 | over 1 year ago | - Secure, hardened form components that encrypt/tokenize all data automatically |
| react-numpad | 138 | almost 5 years ago | - Extensible number pad control for numbers, dates and times |
| react-multi-email | 306 | over 1 year ago | - Format multiple emails as the user types |
| react-autosuggest | 5,967 | 12 months ago | WAI-ARIA compliant React autosuggest component |
| react-typeahead | 677 | over 5 years ago | Pure react-based typeahead and typeahead-tokenizer |
| react-aria-menubutton | 455 | over 2 years ago | A fully accessible, easily themeable, React-powered menu button |
| react-functional-select | 195 | almost 3 years ago | - Micro-sized & micro-optimized select component for React.js |
| react-mobile-picker | 306 | about 1 year ago | - An iOS like select box component |
| react-select | 27,698 | 11 months ago | A Select control built with and for React JS |
| react-column-select | 14 | about 1 year ago | A column select component built for react |
| react-select-search | 686 | about 1 year ago | - A lightweight select component for React |
| coloreact | 90 | almost 3 years ago | A tiny Color Picker for React |
| react-color | 323 | 11 months ago | Is a tiny color picker widget component for React apps |
| react-colorful | 3,216 | over 1 year ago | A tiny (2,5 KB), dependency-free, fast and accessible color picker component |
| react-input-color | 244 | over 2 years ago | React input color component with hsv color picker |
| @anatoliygatt/heart-switch | 443 | over 2 years ago | - A fully themeable and accessible heart-shaped toggle switch component |
| react-ios-switch | 128 | almost 3 years ago | React switch component |
| react-toggle | 949 | over 2 years ago | An elegant, accessible toggle component for React. Also a glorified checkbox |
| ui-switch | 4 | about 5 years ago | The most complete component |
| react-slider | 895 | over 1 year ago | Slider component for React |
| react-radio-group | 445 | almost 2 years ago | Better radio buttons |
| react-autocomplete-input | 199 | over 1 year ago | Autocomplete input field for React |
| react-mentions | 2,512 | about 1 year ago | Mention people in a textarea |
| rich-textarea | 343 | 11 months ago | A textarea to colorize, highlight, decorate texts and offer autocomplete |
| react-tag-input | 1,519 | about 1 year ago | A fantastically simple tagging component for your React projects |
| react-tagsinput | 1,353 | over 2 years ago | A simple react component for inputing tags |
| react-tokeninput | 147 | about 7 years ago | Tokeninput component for React |
| tagify | 3,568 | 11 months ago | - Lightweight, efficient Tags input component |
| react-input-autosize | 769 | over 2 years ago | Auto-resizing input field for React |
| react-autowidth-input | 14 | almost 2 years ago | Highly configurable & extensible automatically sized input field built with hooks |
| react-textarea-autosize | 2,250 | 11 months ago | <textarea /> component for React which grows with content |
| react-rating | 348 | over 1 year ago | - Zero-dependency, highly customizable rating component |
| react-awesome-stars-rating | 29 | about 1 year ago | - The star rating component with accessibility |
| react-star-rating-input | 55 | over 7 years ago | React.js component for entering 0-5 (or more) stars |
| react-beautiful-dnd | 33,472 | 11 months ago | Beautiful and accessible drag and drop for lists with React |
| react-dnd | 21,117 | 11 months ago | Drag and Drop for React |
| react-drag-sizing | 19 | about 3 years ago | "Drag to resize" (sizing) as React Component |
| react-draggable | 9,050 | about 1 year ago | React draggable component |
| react-dragula | 995 | about 5 years ago | Drag and drop so simple it hurts |
| react-dropzone | 10,611 | 11 months ago | Simple HTML5 drag-drop zone with React.js |
| react-movable | 1,562 | over 1 year ago | Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables |
| react-sortable-pane | 648 | 11 months ago | Sortable and resizable pane component for React |
| neodrag | 1,631 | 11 months ago | Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same |
| react-anything-sortable | 460 | over 7 years ago | Sort any children with touch support and IE8 compatibility |
| sortablejs | 29,843 | 12 months ago | Lists reorderable by drag-and-drop, within and among lists |
| alloyeditor | 1,396 | about 2 years ago | WYSIWYG editor based on CKEditor with completely rewritten UI |
| ckeditor4-react | 97 | about 1 year ago | An official CKEditor 4 rich text editor wrapper |
| ckeditor5-react | 426 | 11 months ago | An official CKEditor 5 rich text editor wrapper |
| draft-js | 22,571 | almost 3 years ago | A React framework for building text editors |
| edtr-io | 708 | almost 2 years ago | - - WYSIWYG in-line web editor with plugins |
| megadraft | 1,215 | about 1 year ago | Rich Text editor built on top of draft.js |
| react-ace | 4,099 | 11 months ago | Ace (Advanced Code Editor) wraper |
| react-codemirror | 1,708 | 11 months ago | - CodeMirror component for React |
| react-contenteditable | 1,640 | over 2 years ago | React component for a div with editable contents |
| react-draft-wysiwyg | 6,438 | 11 months ago | WYSIWYG editor build on top of |
| react-editor | 55 | about 3 years ago | Simple richtext editor that can insert images and HTML |
| react-medium-editor | 504 | over 2 years ago | medium-editor wrapper |
| react-monacoeditor | 297 | 11 months ago | Monaco Editor component for React |
| react-simple-code-editor | 1,612 | over 1 year ago | Simple no-frills code editor with syntax highlighting |
| react-quill | 6,810 | about 1 year ago | Quill wrapper |
| react-trumbowyg | 146 | about 4 years ago | wrapper |
| remirror | 2,748 | 11 months ago | - - ProseMirror toolkit for React |
| slate | 30,080 | 11 months ago | - - A completely customizable framework for building rich text editors |
| smartblock | 313 | about 1 year ago | - - Block based WYSIWYG editor based on ProseMirror |
| tiptap | 27,960 | 11 months ago | - - The headless editor framework for web artisans |
| react-simplemde-editor | 773 | about 2 years ago | React component wrapper for |
| react-markdown-editor | 215 | over 7 years ago | A markdown editor using React/Reflux |
| react-md-editor | 2,225 | 11 months ago | A simple markdown editor with preview, implemented with React.js and TypeScript |
| react-avatar-editor | 2,389 | 11 months ago | Facebook-like, avatar / profile picture component |
| react-avatar-generator | 68 | almost 3 years ago | Generate fun kaleidoscope for user avatars |
| react-easy-crop | 2,398 | 12 months ago | Component to crop/rotate images/videos with easy interactions. Touch friendly |
| react-image-crop | 3,904 | about 1 year ago | A responsive image cropping tool for React |
| react-image-cropper | 174 | over 2 years ago | Image cropper |
| react-advanced-cropper | 710 | over 1 year ago | A react cropper library to create the cropper exactly suited for your website design |
| react-mobile-cropper | 33 | over 2 years ago | A ready-to-use image cropping library highly inspirited by popular Android croppers. Based on |
| formsy-material-ui | 572 | almost 3 years ago | A Formsy compatibility wrapper for Material UI form components |
| formsy-react-components | 288 | almost 3 years ago | A set of React JS components for use in a formsy-react form |
| react-input-enhancements | 1,377 | about 3 years ago | Set of enhancements for input control |
| react-widgets | 2,347 | over 2 years ago | An à la carte set of polished, extensible, and accessible inputs |
| @anatoliygatt/numeric-stepper | 161 | over 2 years ago | - A fully themeable and accessible numeric stepper component |
| interweave | 1,103 | almost 2 years ago | React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more |
| react-designer | 1,871 | almost 3 years ago | Easy to configure, lightweight, editable vector graphics in your react components |
| react-upload-gallery | 80 | almost 2 years ago | React for Upload Image Gallery. Drag & Drop, Sortable, Customize |
| react-syntax-highlighter | 4,176 | about 1 year ago | Syntax highlighting component with Prismjs or Highlightjs AST using inline styles |
🚀 Absolutely Awesome React Components & Libraries / UI Layout | |||
| autoresponsive-react | 1,577 | about 2 years ago | Auto responsive grid layout library |
| golden-layout | 6,321 | about 1 year ago | A multi-screen JavaScript Layout manager |
| hedron | 866 | 11 months ago | A no-frills flexbox grid system, powered by styled-components |
| m-react-splitters | 161 | almost 3 years ago | Splitter component, written in TypeScript |
| muuri-react | 359 | over 2 years ago | - - Responsive, sortable, filterable and draggable grid layouts |
| react-grid-layout | 20,618 | about 1 year ago | A draggable and resizable grid layout with responsive breakpoints, for React |
| react-masonry-component | 1,446 | over 2 years ago | Wrapper for @desandro's Masonry |
| react-reflex | 641 | over 1 year ago | Flex layout container component for advanced React web applications |
| react-spaces | 1,304 | over 1 year ago | - Nestable anchored, resizable, scrollable components |
| react-stonecutter | 1,229 | almost 6 years ago | Animated grid layout component |
| react-colrow | 6 | over 5 years ago | Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow |
| react-schematic | 7 | almost 4 years ago | - Build responsive layouts using styled schematics without an overhead of any theme configuration |
🚀 Absolutely Awesome React Components & Libraries / UI Animation | |||
| data-driven-motion | 546 | over 8 years ago | Easily animate your data |
| react-animatable | 50 | 11 months ago | An animation library using Web Animations API |
| react-anime | 1,557 | over 2 years ago | A super easy animation library |
| react-flip-move | 4,099 | almost 3 years ago | Effortless animation between DOM changes (eg. list reordering) using the FLIP technique |
| react-gsap-enhancer | 726 | over 2 years ago | Use the full power of React and GSAP together |
| react-tsparticles | 7,799 | 11 months ago | A lightweight component to easily create interactive particles animations |
| react-motion | 21,715 | almost 2 years ago | A spring that solves your animation problems |
| react-mt-svg-lines | 363 | almost 7 years ago | Wrapper to animate the line stroke in SVGs |
| react-router-transition | 2,599 | over 4 years ago | Transitions built for react-router, powered by react-motion |
| react-spring | 28,303 | 11 months ago | A spring physics based animation library |
| react-ts-typewriter | 38 | over 2 years ago | - Easy to use and customizable typewriter effect for any text |
| framer-motion | 26,361 | 11 months ago | An animation and gesture library |
| react-spark-scroll | 358 | over 8 years ago | Scroll-based actions and animations for react |
| react-track | 340 | over 8 years ago | Track the position of DOM elements. Create cool animations |
| react-transitive-number | 212 | over 7 years ago | Apply transition effect to numeric strings, a la old Groupon timers |
| react-web-animation | 298 | over 7 years ago | React components for the Web Animations API - |
| auto-size-transition | 9 | over 4 years ago | A component that scale dynamically according to the internal children size |
| react-particles-bg | 654 | over 4 years ago | Particles backgrounds |
| gooey-react | 657 | almost 3 years ago | - The gooey effect for React, used for shape blobbing / metaballs |
| react-voodoo | 72 | 12 months ago | - Additive animation engine allowing complex android/iOs-like animations, rendering sliders on SSR, predictive inertia, multitouch, etc |
🚀 Absolutely Awesome React Components & Libraries / UI Animation / Parallax | |||
| simple-parallax-js | 1,876 | about 1 year ago | - The easiest way to get a parallax effect with React and JavaScript on images |
| react-parallax-tilt | 984 | 11 months ago | - Easily apply parallax tilt hover effect on components |
🚀 Absolutely Awesome React Components & Libraries / UI Frameworks / Responsive | |||
| AgnosticUI | Accessible React component primitives that also work with Vue 3, Svelte, and Angular! | ||
| ant-design | 92,851 | 11 months ago | - A UI Design Language from China. Individual available |
| atlaskit | Atlassian's official UI library, with components from to | ||
| base web | Base Web is a foundation for initiating, evolving, and unifying web products | ||
| carbon | 7,906 | 11 months ago | - A design system built by IBM |
| cdbreact | 51 | over 1 year ago | - - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps |
| chakra-ui | 38,126 | 11 months ago | - Simple, Modular & Accessible UI Components for your React Applications |
| ChatUI | 2,729 | 12 months ago | - The UI design language and React library for Conversational UI |
| CoreUI for React | 681 | 11 months ago | - Open Source UI components library |
| evergreen | 12,392 | over 1 year ago | - Evergreen React UI Framework by Segment |
| fluentui | 18,625 | 11 months ago | UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior |
| geist-ui | 4,351 | over 1 year ago | Modern and minimalist React UI library |
| gestalt | 4,255 | 11 months ago | - A set of components that supports Pinterest’s design language |
| grommet | 8,349 | 11 months ago | The most advanced UX framework for enterprise applications |
| Mantine | 27,094 | 11 months ago | - A fully featured library with 100+ hooks and components with native dark theme support |
| orbit | 1,391 | 11 months ago | Components for building travel oriented projects |
| flowbite-react | 1,914 | 11 months ago | Open-source UI component library based on React, Tailwind CSS, and Flowbite |
| primereact | 7,092 | 11 months ago | 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 | ||
| react-bootstrap | 22,443 | 11 months ago | Bootstrap components built with React |
| react-foundation | 600 | over 2 years ago | Foundation as React components |
| reakit | 7,926 | 11 months ago | Toolkit for building accessible rich web apps |
| searchkit | 4,784 | 12 months ago | React UI components / widgets. The easiest way to build a great search experience with Elasticsearch |
| semantic-ui-react | 13,235 | 12 months ago | The official Semantic-UI-React integration |
| semi-design | 8,583 | 11 months ago | - A modern, comprehensive, flexible design system |
| shadcn/ui | 76,791 | 11 months ago | - - Beautifully designed components that you can copy and paste into your apps |
| shineout | 921 | 11 months ago | - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc |
| Material UI | 94,275 | 11 months ago | 🚀 - Full suite of components. Build your own design system, or start with Material Design |
🚀 Absolutely Awesome React Components & Libraries / UI Frameworks / Responsive / Material UI | |||
| 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 | ||
🚀 Absolutely Awesome React Components & Libraries / UI Frameworks / Responsive | |||
| react-essence | 415 | over 7 years ago | Essence - The Essential Material Design Framework |
| react-materialize | 1,379 | almost 3 years ago | Material design for react, powered by materializecss |
| react-toolbox | 8,655 | almost 4 years ago | A set of React components implementing Google's Material Design |
| mdbootstrap | 1,417 | about 1 year ago | React Bootstrap with Material Design |
🚀 Absolutely Awesome React Components & Libraries / UI Frameworks / Mobile | |||
| antd-mobile | 11,688 | 11 months ago | Configurable Mobile UI from China |
| Ionic React | Ionic Framework: easily build Android, Desktop and Progressive Web Apps with one code base | ||
| OnsenUI | 8,828 | over 1 year ago | - Mobile app framework with Material and flat (iOS) designs. Based on Web Components |
🚀 Absolutely Awesome React Components & Libraries / UI Frameworks / Component Collections | |||
| blueprint | 20,775 | 11 months ago | - - 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 | ||
| shards-react | 763 | almost 3 years ago | - A beautiful and modern React design system. Freemium |
| aframe-react | 1,427 | over 1 year ago | Build virtual reality experiences with A-Frame and React |
| react-admin | 25,106 | 11 months ago | Build admin user experiences on top of REST and GraphQL services |
| refine | 28,962 | 11 months ago | - - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit |
| matrix-card | 29 | over 3 years ago | - Simplest possible component to generate matrix rain style cards |
| rsuite | 8,392 | 11 months ago | - Suite of components for "enterprise system products" |
| lens-ui | 8 | over 2 years ago | - A Suit of components focused on simplicity |
🚀 Absolutely Awesome React Components & Libraries / UI Utilities / Reporter | |||
| react-intersection-observer | 5,128 | 11 months ago | React implementation of the Intersection Observer API |
| react-visibility-sensor | 2,327 | over 1 year ago | Sensor component |
| react-waypoint | 4,077 | over 3 years ago | A React component to execute a function whenever you scroll to an element |
| react-component-queries | 182 | about 7 years ago | Provide props to your Components based on their Width and/or Height |
| react-container-dimensions | 229 | almost 5 years ago | Wrapper component that detects element resize |
| react-dimensions | 450 | over 7 years ago | React higher-order component to get dimensions of container |
| react-height | 181 | about 4 years ago | Component-wrapper to determine and report children elements height |
| react-measure | 1,941 | about 5 years ago | Compute measurements of a React component |
| react-sizeme | 1,947 | over 2 years ago | Make your React Components aware of their width and height |
🚀 Absolutely Awesome React Components & Libraries / UI Utilities / Device Input | |||
| react-hotkeys | 2,156 | almost 3 years ago | Declarative hotkey and focus area management for React |
| react-key-handler | 387 | about 7 years ago | React component to handle keyboard events |
| react-keydown | 498 | over 2 years ago | Lightweight keydown wrapper for React components |
| react-shortcuts | 328 | almost 3 years ago | Manage keyboard shortcuts from one place |
| useKeyCapture | 24 | about 1 year ago | A custom hook to ease the key-press listeners of a target/global |
| react-keyboard-navigator | 29 | over 2 years ago | A suite of React components and hook for selecting sibling components through the keyboard |
| react-scroll-components | 123 | about 9 years ago | A set of components that react to page scrolling |
| react-swipe | 1,658 | over 3 years ago | Swipe.js as a React component |
| react-hook-mighty-mouse | 121 | almost 4 years ago | - Hook that tracks mouse events on selected element |
enaqx/awesome-react
jnv/lists
ucg8j/awesome-dash
anubhavsrivastava/awesome-ui-component-library
hsavit1/awesome-react-native-education
szabgab/awesome-lists
0ex/more-awesome
downshift-js/downshift
berkeleytrue/react-material
iamhosseindhv/notistack
styled-components/polished
jim-at-jibba/react-native-cinch-layout
bntzio/gatsby-theme-superstylin
robinpowered/glamorous-native
katopz/create-react-app-material-ui
luwes/playerx