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
760 watching
4k forks
last commit: 3 months 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,536 | 9 days ago | An online spreedsheet component that provides out-of-the-box features just like Excel |
| AG Grid | 12,824 | 6 days ago | Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components |
| gigatables-react | 144 | almost 2 years ago | Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more |
| MUI X Data grid | 4,529 | 5 days ago | - Fast and customizable data grid with advanced features for power users and complex use cases |
| react-data-grid | 6,986 | 6 days ago | Excel-like grid |
| revo-grid | 2,785 | 6 days ago | - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization |
| ReactGrid | 1,250 | 8 days 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,229 | 4 months ago | - - A module used to arrange card elements including content infinitely according to various layout types |
| react-lazyload | 5,869 | 8 months ago | Lazyload your Component, Image or anything else where the performance matters |
| react-list | 1,963 | 10 months ago | A versatile infinite scroll React component |
| @af-utils/virtual | 76 | 19 days ago | - Render large scrollable lists and grids |
| react-window | 15,943 | 3 months ago | - React components for efficiently rendering large lists and tabular data |
| virtua | 1,317 | 7 days 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 1 year ago | A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices |
| react-modal | 7,366 | 8 months ago | Accessible modal dialog component for React |
| reoverlay | 152 | over 1 year ago | - The missing solution for managing modals |
| sweetalert2 | 17,353 | 5 days ago | - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies |
| sweetalert2-react-content | 705 | about 2 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 1 year 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 | 131 | 7 months ago | - - show feedback linked to particular component instead of app-wide toasts |
| react-toast | 76 | over 1 year ago | - - Minimal toast notifications |
| react-toastify | 12,719 | about 1 month ago | 🚀 - - best bet out there at the moment. Hooks support. No refs |
| reapop | 1,552 | 5 months ago | A React & Redux notifications system |
| simple-react-notifications | 61 | over 1 year ago | - Tiny notification library (1kb gzip) |
| react-hot-toast | 9,813 | 4 months 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,617 | about 2 months ago | React tooltip component |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Menu | |||
| hamburger-react | 978 | 6 months ago | - Animated hamburger menu icons for React |
| react-burger-menu | 5,057 | 12 months ago | An off-canvas sidebar with effects and styles |
| react-offcanvas | 51 | over 4 years ago | Off-canvas menus for React |
| react-planet | 182 | about 3 years ago | - Create circular menus which looks like planets |
| mantine-contextmenu | 128 | 3 months ago | - Context-menu hook/component for applications built with Mantine UI |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Sticky | |||
| react-headroom | 1,843 | almost 2 years ago | Hide your header until you need it |
| react-stickynode | 1,289 | 10 days ago | A performant and comprehensive React sticky |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Tabs | |||
| react-tabs | 3,093 | 6 days ago | React tabs component |
| react-tabtab | 401 | almost 2 years ago | React, tabs |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Loader | |||
| react-loader-spinner | 988 | 5 months 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 | 322 | over 1 year ago | Amazing collection of react spinners components |
| react-spinners | 3,114 | about 2 months ago | A collection of loading spinner components for react |
| react-content-loader | 13,772 | 30 days 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 | 41 | 12 months ago | - - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS |
| procaptcha | 48 | 6 days ago | - - Privacy focused free CAPTCHA |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Carousel | |||
| @egjs/react-flicking | 2,779 | about 1 month ago | - - It's reliable, flexible and extendable carousel |
| react-awesome-slider | 2,935 | about 1 year ago | - Fullpage, 3D animated, 60fps media and content slider/carousel |
| pure-react-carousel | 1,679 | 22 days ago | Built from scratch and not highly opinionated |
| react-id-swiper | 1,489 | over 1 year ago | A library to use idangerous Swiper as a ReactJs component |
| react-instagram-zoom-slider | 77 | almost 2 years ago | - A slider component with pinch to zoom capabilities inspired by Instagram |
| react-responsive-carousel | 2,668 | 24 days ago | React.js Responsive Carousel (with Swipe) |
| react-slick | 11,768 | 5 months ago | React carousel component |
| keen-slider | 4,702 | 5 months ago | - Performant carousel/slider with native touch/swipe behavior |
| swiper | 39,949 | 10 days 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,306 | 4 months ago | - 3D animated 60fps buttons with load progress and social share actions |
| reactive-button | 131 | about 1 year ago | - - A beautiful animated button component with progress indicator |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Collapse | |||
| react-accessible-accordion | 788 | about 1 year ago | Accessible Accordion component for React |
| react-collapse | 1,129 | about 2 years ago | Component-wrapper for collapse animation with react-motion |
| react-tabbordion | 80 | almost 2 years ago | - Universal, semantic and CSS-only components for creating Accordions and Tabs |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Chart | |||
| chartify | 693 | over 1 year ago | React.js plugin for building animated draggable and customizable charts |
| essential js 2 charts | 349 | 6 days ago | Beautiful and interactive charts & graphs for react |
| echarts for react | 4,563 | 6 months ago | Wrapper around beautiful Apache Echarts |
| jscharting-react | 18 | over 1 year ago | – React chart component offering a complete set of chart types and engaging data visualizations with |
| react-chartist | 528 | about 1 year ago | React component for Chartist.js |
| react-charty | 71 | over 3 years ago | - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming |
| react-chartjs-2 | 6,634 | 29 days ago | Common react charting components using Chart.js 2.0 |
| react-d3-components | 1,624 | almost 3 years ago | D3 Components for React |
| react-dazzle | 1,440 | almost 5 years ago | Dashboards made easy in React JS |
| react-google-charts | 1,614 | 6 days ago | React-google-charts React component |
| react-highcharts | 1,255 | almost 2 years ago | React-highcharts |
| react-sigmajs | 261 | almost 2 years ago | Lightweight but powerful library for drawing network graphs built on top of SigmaJS |
| react-sparklines | 2,839 | 2 months ago | Beautiful and expressive Sparklines React component |
| react-timeseries-charts | 868 | about 1 year ago | Declarative timeseries charts |
| react-vis | 8,735 | 2 months ago | Data visualization library based on React and d3 |
| recharts | 24,101 | 6 days ago | Redefined chart library built with React and D3 |
| rumble-charts | 343 | almost 2 years ago | React components for building composable and flexible charts |
| victory | 11,021 | 5 days 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 4 years ago | React wrapper for (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly) |
| Flowchart React | 44 | 4 months ago | Flowchart & Flowchart designer for React.js |
| react-dashboard | 1,585 | 2 months ago | Isomorphic Dashboards |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Command palette | |||
| cmdk | Fast, composable, unstyled command menu for React | ||
| kbar | 4,849 | 3 months ago | - Fast, portable, and extensible cmd+k interface |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Tree | |||
| react-arborist | 3,050 | 3 months ago | - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search |
| react-complex-tree | 985 | 4 months ago | - - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search |
| react-treeview | 1,092 | about 6 years ago | Easy, light, flexible tree view made with React |
| he-tree-react | 21 | 5 months 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,362 | 9 months ago | React scroll component |
| react-swipeable-views | 4,463 | 7 months ago | A React Component for binded Tabs and Swipeable Views |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Custom Scrollbar | |||
| rc-scrollbars | 149 | over 1 year ago | - Customizable scrollbars with flex options and 60FPS |
| react-custom-scroll | 556 | 9 months ago | - Easily customize the browser scroll bar with native OS scroll behavior |
| react-shadow-scroll | 31 | almost 2 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 | 6 days ago | Dailymotion player component for React |
| react-player | 9,398 | about 2 months ago | A react component for playing a variety of URLs, including YouTube |
| react-soundplayer | 1,458 | almost 2 years ago | Create custom SoundCloud players with React |
| react-youtube | 1,861 | 11 months ago | React.js powered YouTube player component |
| video-react | 2,666 | about 2 months ago | A web video player built for the HTML5 world using React library |
| material-ui-audio-player | 76 | over 1 year ago | Audio player for material ui design |
| react-vision-camera | 9 | over 2 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 | 18 | 3 months 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,394 | 5 months ago | Universal google map react component, allows render react components on the google map |
| pigeon-maps | 3,453 | 3 months ago | - ReactJS Maps without external dependencies |
| react-geosuggest | 1,040 | 4 months ago | A React autosuggest for the Google Maps Places API |
| react-leaflet | 5,176 | 2 months ago | React components for Leaflet maps |
| react-map-gl | 7,867 | 3 months ago | A React wrapper for MapboxGL-js and overlay API |
| react-svg-map | 229 | about 2 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,065 | 27 days ago | A simple time-ago component for ReactJs |
| timeago-react | 420 | over 1 year ago | Format date with statement. eg: '3 hours ago' |
| react-google-flight-datepicker | 386 | almost 2 years ago | Google flight date picker implemented in ReactJS |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Photo / Image | |||
| lightGallery | 6,534 | 8 days ago | - - Full-featured lightbox gallery component |
| react-compare-image | 335 | over 1 year ago | - React component to compare two images using a slider |
| react-image-gallery | 3,803 | 2 months ago | Responsive image gallery, carousel, image slider react component |
| yet-another-react-lightbox | 859 | 6 days ago | - - React lightbox component |
| react-intense | 187 | 12 months ago | A React component for viewing large images up close |
| react-photo-album | 567 | 20 days ago | - - Responsive React Photo Gallery |
| react-svg-pan-zoom | 681 | 3 months ago | A React component that adds pan and zoom features to SVG |
| react-particle-image | 463 | over 1 year ago | - Render images as interactive particles |
| react-imgix | 360 | 10 days ago | Add fast, responsive images as an image, picture, or background! |
| @frameright/react-image-display-control | 24 | 9 days ago | Define zoom regions for smart responsive images |
| zoom-image | 310 | 24 days 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 4 years ago | Over 40k icons from 50+ icon sets, including all popular icon and emoji sets |
| react-icons | 11,652 | 27 days ago | Svg react icons of popular icon packs using ES6 imports |
| react-open-doodles | 67 | almost 2 years ago | Awesome free illustrations as react components |
| react-icomoon | 226 | 3 months 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,276 | 6 days 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 | 6 months ago | A ReactJS component that creates a pagination |
| react-laravel-paginex | 28 | about 2 months ago | Laravel Pagination with ReactJS (customizable) |
| paginated | 22 | over 3 years ago | React render props & custom hook to build pagination |
| react-steps | 17 | over 2 years ago | - Responsive React Stepper |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Markdown Viewer | |||
| react-markdown | 13,230 | 27 days ago | Render Markdown as React components |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Canvas | |||
| react-konva | 5,784 | 3 months ago | React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework |
| react-sketch | 685 | almost 2 years ago | A Sketch tool for React based applications, backed-up by FabricJS |
| react-sketch-canvas | 460 | 3 months ago | Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets |
| react-heat-map | 210 | 13 days 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,610 | 4 months ago | Take screenshots of any part of your web page using Javascript |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Miscellaneous | |||
| puck | 5,261 | 6 days ago | - The self-hosted visual editor for React |
| react-advanced-news-ticker | 52 | about 3 years ago | - A flexible and animated vertical news ticker component |
| react-avatar-generator | 69 | almost 2 years ago | Allows users to create random kaleidoscopes to be used as avatars |
| react-awesome-query-builder | 2,013 | 1 day ago | - Visual query builder from form fields, with SQL, MongoDB and JSON export |
| react-blur | 461 | over 2 years ago | React component for blurred backgrounds |
| react-demo-tab | 41 | 13 days ago | - A React component to easily create demos of other components |
| react-facebook | 792 | over 1 year ago | Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post |
| fastcomments-react | 7 | 20 days ago | - FastComments component for embedding a live comment thread on a page or SPA |
| react-pdf-viewer | 2,281 | 3 months ago | - A React component to view a PDF document |
| react-simple-chatbot | 1,736 | 7 months ago | - A simple chatbot component to create conversation chats |
| react-file-reader-input | 117 | over 4 years ago | File input component for control for file reading styling and abstraction |
| react-filter-control | 51 | almost 5 years ago | The React filterbuilder component for building the filter criteria in the UI |
| react-headings | 78 | about 2 months 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,890 | 6 days ago | Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips! |
| react-mouse-select | 46 | over 1 year ago | A component that allows selecting DOM elements by moving the mouse |
| react-resizable-and-movable | 3,943 | 18 days ago | Resizable and movable component for React |
| react-resizable-box | 2,457 | 15 days ago | Resizable component for React. #reactjs |
| react-searchbox-awesome | 32 | almost 2 years ago | - Minimalistic searchbox |
| react-split-pane | 3,226 | 12 months ago | React split-pane component |
| react-swipe-to-delete-ios | 50 | almost 2 years ago | - To delete an item in a list the same way iOS does |
| react-swipeable-list | 114 | about 1 month ago | - Configurable component to render list with swipeable items |
| typography | 3,840 | over 1 year ago | A powerful toolkit for building websites with beautiful typography |
| react-pulse-text | 18 | 20 days ago | - Allows you to animate the text of any property of another component |
| captcha-image | 8 | over 4 years ago | Allows you to generate a random captcha image with options |
| react-pdf | 9,508 | 14 days ago | Display PDFs in your React app as easily as if they were images |
| react-customizable-chat-bot | 17 | about 2 years ago | - Build your own chatbot matching your brand needs in minutes |
| @restpace/schema-form | 47 | 3 months ago | - Easily build complex forms automatically from a JSON Schema |
| react-darkreader | 278 | over 1 year ago | A React Hook for adding a dark / night mode to your site inspired by darkreader |
| react-apple-signin-auth | 104 | 11 months ago | Apple signin for React using the official Apple JS SDK |
| react-mrz-scanner | 5 | over 1 year 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 | 104 | 11 months ago | - A calendar component that supports date, range & ranges picks |
| react-big-calendar | 7,897 | 22 days ago | Gcal/outlook like calendar component |
| react-datepicker | 8,108 | 6 days ago | A simple and reusable datepicker component for React |
| react-day-picker | 6,089 | 5 days ago | Flexible date picker for React |
| react-flatpickr | 602 | 12 days ago | Flatpickr for React |
| react-simple-timefield | 97 | almost 2 years ago | - Simple time input field |
| react-timezone-select | 216 | 10 days 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,559 | 13 days ago | Ultimate calendar for your React app |
| react-date-picker | 1,272 | 13 days ago | A date picker for your React app |
| schedule-x | 1,316 | 6 days ago | Material design event calendar and date picker components. Demo site: |
| interweave-emoji-picker | 1,096 | 11 months ago | A React based emoji picker powered by Interweave and Emojibase |
| react-credit-cards | 2,590 | 10 months ago | Beautiful credit cards for your payment forms |
| react-payment-inputs | 395 | 4 months ago | - A zero-dependency container to help with payment card input fields |
| react-input-mask | 2,238 | 4 months ago | - Yet another react component for input masking |
| @lunasec/react-sdk | 1,440 | 7 months ago | - Secure, hardened form components that encrypt/tokenize all data automatically |
| react-numpad | 138 | almost 4 years ago | - Extensible number pad control for numbers, dates and times |
| react-multi-email | 298 | 4 months ago | - Format multiple emails as the user types |
| react-autosuggest | 5,966 | about 1 year ago | WAI-ARIA compliant React autosuggest component |
| react-typeahead | 677 | over 4 years ago | Pure react-based typeahead and typeahead-tokenizer |
| react-aria-menubutton | 456 | over 1 year ago | A fully accessible, easily themeable, React-powered menu button |
| react-functional-select | 195 | almost 2 years ago | - Micro-sized & micro-optimized select component for React.js |
| react-mobile-picker | 305 | about 2 months ago | - An iOS like select box component |
| react-select | 27,632 | 12 days ago | A Select control built with and for React JS |
| react-column-select | 14 | about 2 months ago | A column select component built for react |
| react-select-search | 682 | about 2 months ago | - A lightweight select component for React |
| coloreact | 90 | almost 2 years ago | A tiny Color Picker for React |
| react-color | 295 | about 2 months ago | Is a tiny color picker widget component for React apps |
| react-colorful | 3,197 | 4 months ago | A tiny (2,5 KB), dependency-free, fast and accessible color picker component |
| react-input-color | 244 | over 1 year ago | React input color component with hsv color picker |
| @anatoliygatt/heart-switch | 443 | over 1 year ago | - A fully themeable and accessible heart-shaped toggle switch component |
| react-ios-switch | 128 | almost 2 years ago | React switch component |
| react-toggle | 949 | over 1 year ago | An elegant, accessible toggle component for React. Also a glorified checkbox |
| ui-switch | 4 | about 4 years ago | The most complete component |
| react-slider | 892 | 6 months ago | Slider component for React |
| react-radio-group | 445 | about 1 year ago | Better radio buttons |
| react-autocomplete-input | 199 | 6 months ago | Autocomplete input field for React |
| react-mentions | 2,484 | about 2 months ago | Mention people in a textarea |
| rich-textarea | 317 | 14 days ago | A textarea to colorize, highlight, decorate texts and offer autocomplete |
| react-tag-input | 1,507 | 30 days ago | A fantastically simple tagging component for your React projects |
| react-tagsinput | 1,350 | over 1 year ago | A simple react component for inputing tags |
| react-tokeninput | 148 | about 6 years ago | Tokeninput component for React |
| tagify | 3,542 | 11 days ago | - Lightweight, efficient Tags input component |
| react-input-autosize | 769 | over 1 year ago | Auto-resizing input field for React |
| react-autowidth-input | 14 | 11 months ago | Highly configurable & extensible automatically sized input field built with hooks |
| react-textarea-autosize | 2,237 | 8 days ago | <textarea /> component for React which grows with content |
| react-rating | 346 | 5 months ago | - Zero-dependency, highly customizable rating component |
| react-awesome-stars-rating | 29 | about 1 month ago | - The star rating component with accessibility |
| react-star-rating-input | 55 | over 6 years ago | React.js component for entering 0-5 (or more) stars |
| react-beautiful-dnd | 33,396 | 7 days ago | Beautiful and accessible drag and drop for lists with React |
| react-dnd | 21,042 | 10 months ago | Drag and Drop for React |
| react-drag-sizing | 19 | about 2 years ago | "Drag to resize" (sizing) as React Component |
| react-draggable | 9,026 | 3 months ago | React draggable component |
| react-dragula | 994 | about 4 years ago | Drag and drop so simple it hurts |
| react-dropzone | 10,572 | 10 days ago | Simple HTML5 drag-drop zone with React.js |
| react-movable | 1,551 | 4 months ago | Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables |
| react-sortable-pane | 648 | 22 days ago | Sortable and resizable pane component for React |
| neodrag | 1,601 | 7 months ago | Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same |
| react-anything-sortable | 460 | over 6 years ago | Sort any children with touch support and IE8 compatibility |
| sortablejs | 29,710 | 10 days ago | Lists reorderable by drag-and-drop, within and among lists |
| alloyeditor | 1,395 | about 1 year ago | WYSIWYG editor based on CKEditor with completely rewritten UI |
| ckeditor4-react | 97 | 3 months ago | An official CKEditor 4 rich text editor wrapper |
| ckeditor5-react | 425 | 7 days ago | An official CKEditor 5 rich text editor wrapper |
| draft-js | 22,575 | almost 2 years ago | A React framework for building text editors |
| edtr-io | 708 | 12 months ago | - - WYSIWYG in-line web editor with plugins |
| megadraft | 1,215 | 20 days ago | Rich Text editor built on top of draft.js |
| react-ace | 4,082 | 6 days ago | Ace (Advanced Code Editor) wraper |
| react-codemirror | 1,678 | 7 days ago | - CodeMirror component for React |
| react-contenteditable | 1,634 | over 1 year ago | React component for a div with editable contents |
| react-draft-wysiwyg | 6,422 | 5 months ago | WYSIWYG editor build on top of |
| react-editor | 55 | over 2 years ago | Simple richtext editor that can insert images and HTML |
| react-medium-editor | 504 | over 1 year ago | medium-editor wrapper |
| react-monacoeditor | 296 | 2 months ago | Monaco Editor component for React |
| react-simple-code-editor | 1,594 | 5 months ago | Simple no-frills code editor with syntax highlighting |
| react-quill | 6,777 | 3 months ago | Quill wrapper |
| react-trumbowyg | 146 | about 3 years ago | wrapper |
| remirror | 2,727 | 6 days ago | - - ProseMirror toolkit for React |
| slate | 29,937 | 20 days ago | - - A completely customizable framework for building rich text editors |
| smartblock | 312 | about 1 month ago | - - Block based WYSIWYG editor based on ProseMirror |
| tiptap | 27,540 | 4 days ago | - - The headless editor framework for web artisans |
| react-simplemde-editor | 772 | about 1 year ago | React component wrapper for |
| react-markdown-editor | 215 | over 6 years ago | A markdown editor using React/Reflux |
| react-md-editor | 2,196 | 7 days ago | A simple markdown editor with preview, implemented with React.js and TypeScript |
| react-avatar-editor | 2,373 | 4 months ago | Facebook-like, avatar / profile picture component |
| react-avatar-generator | 69 | almost 2 years ago | Generate fun kaleidoscope for user avatars |
| react-easy-crop | 2,324 | about 1 month ago | Component to crop/rotate images/videos with easy interactions. Touch friendly |
| react-image-crop | 3,886 | 2 months ago | A responsive image cropping tool for React |
| react-image-cropper | 174 | over 1 year ago | Image cropper |
| react-advanced-cropper | 697 | 5 months ago | A react cropper library to create the cropper exactly suited for your website design |
| react-mobile-cropper | 31 | over 1 year ago | A ready-to-use image cropping library highly inspirited by popular Android croppers. Based on |
| formsy-material-ui | 571 | almost 2 years ago | A Formsy compatibility wrapper for Material UI form components |
| formsy-react-components | 288 | almost 2 years ago | A set of React JS components for use in a formsy-react form |
| react-input-enhancements | 1,377 | about 2 years ago | Set of enhancements for input control |
| react-widgets | 2,344 | over 1 year ago | An à la carte set of polished, extensible, and accessible inputs |
| @anatoliygatt/numeric-stepper | 161 | over 1 year ago | - A fully themeable and accessible numeric stepper component |
| interweave | 1,096 | 11 months ago | React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more |
| react-designer | 1,870 | almost 2 years ago | Easy to configure, lightweight, editable vector graphics in your react components |
| react-upload-gallery | 80 | 12 months ago | React for Upload Image Gallery. Drag & Drop, Sortable, Customize |
| react-syntax-highlighter | 4,137 | 21 days ago | Syntax highlighting component with Prismjs or Highlightjs AST using inline styles |
🚀 Absolutely Awesome React Components & Libraries / UI Layout | |||
| autoresponsive-react | 1,578 | about 1 year ago | Auto responsive grid layout library |
| golden-layout | 6,291 | 3 months ago | A multi-screen JavaScript Layout manager |
| hedron | 866 | about 4 years ago | A no-frills flexbox grid system, powered by styled-components |
| m-react-splitters | 160 | almost 2 years ago | Splitter component, written in TypeScript |
| muuri-react | 359 | over 1 year ago | - - Responsive, sortable, filterable and draggable grid layouts |
| react-grid-layout | 20,513 | about 1 month ago | A draggable and resizable grid layout with responsive breakpoints, for React |
| react-masonry-component | 1,444 | over 1 year ago | Wrapper for @desandro's Masonry |
| react-reflex | 637 | 9 months ago | Flex layout container component for advanced React web applications |
| react-spaces | 1,303 | 4 months ago | - Nestable anchored, resizable, scrollable components |
| react-stonecutter | 1,227 | almost 5 years ago | Animated grid layout component |
| react-colrow | 6 | over 4 years ago | Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow |
| react-schematic | 7 | about 3 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 7 years ago | Easily animate your data |
| react-animatable | 50 | 17 days ago | An animation library using Web Animations API |
| react-anime | 1,556 | over 1 year ago | A super easy animation library |
| react-flip-move | 4,088 | almost 2 years ago | Effortless animation between DOM changes (eg. list reordering) using the FLIP technique |
| react-gsap-enhancer | 727 | over 1 year ago | Use the full power of React and GSAP together |
| react-tsparticles | 7,711 | 6 days ago | A lightweight component to easily create interactive particles animations |
| react-motion | 21,691 | 11 months ago | A spring that solves your animation problems |
| react-mt-svg-lines | 363 | almost 6 years ago | Wrapper to animate the line stroke in SVGs |
| react-router-transition | 2,597 | over 3 years ago | Transitions built for react-router, powered by react-motion |
| react-spring | 28,222 | 5 days ago | A spring physics based animation library |
| react-ts-typewriter | 38 | over 1 year ago | - Easy to use and customizable typewriter effect for any text |
| framer-motion | 24,583 | 6 days ago | An animation and gesture library |
| react-spark-scroll | 358 | over 7 years ago | Scroll-based actions and animations for react |
| react-track | 340 | over 7 years ago | Track the position of DOM elements. Create cool animations |
| react-transitive-number | 213 | over 6 years ago | Apply transition effect to numeric strings, a la old Groupon timers |
| react-web-animation | 298 | over 6 years ago | React components for the Web Animations API - |
| auto-size-transition | 9 | over 3 years ago | A component that scale dynamically according to the internal children size |
| react-particles-bg | 651 | over 3 years ago | Particles backgrounds |
| gooey-react | 656 | almost 2 years ago | - The gooey effect for React, used for shape blobbing / metaballs |
| react-voodoo | 72 | 4 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,858 | about 2 months ago | - The easiest way to get a parallax effect with React and JavaScript on images |
| react-parallax-tilt | 982 | 6 days 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,538 | 6 days 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,861 | 6 days ago | - A design system built by IBM |
| cdbreact | 51 | 7 months ago | - - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps |
| chakra-ui | 37,925 | 6 days ago | - Simple, Modular & Accessible UI Components for your React Applications |
| ChatUI | 2,702 | 11 months ago | - The UI design language and React library for Conversational UI |
| CoreUI for React | 679 | 23 days ago | - Open Source UI components library |
| evergreen | 12,390 | 5 months ago | - Evergreen React UI Framework by Segment |
| fluentui | 18,528 | 6 days ago | UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior |
| geist-ui | 4,341 | 4 months ago | Modern and minimalist React UI library |
| gestalt | 4,246 | 6 days ago | - A set of components that supports Pinterest’s design language |
| grommet | 8,345 | 7 days ago | The most advanced UX framework for enterprise applications |
| Mantine | 26,783 | 9 days ago | - A fully featured library with 100+ hooks and components with native dark theme support |
| orbit | 1,392 | 6 days ago | Components for building travel oriented projects |
| flowbite-react | 1,894 | 23 days ago | Open-source UI component library based on React, Tailwind CSS, and Flowbite |
| primereact | 6,900 | 6 days 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,408 | 6 days ago | Bootstrap components built with React |
| react-foundation | 601 | over 1 year ago | Foundation as React components |
| reakit | 7,893 | 5 days ago | Toolkit for building accessible rich web apps |
| searchkit | 4,775 | 23 days ago | React UI components / widgets. The easiest way to build a great search experience with Elasticsearch |
| semantic-ui-react | 13,222 | 8 days ago | The official Semantic-UI-React integration |
| semi-design | 8,463 | 6 days ago | - A modern, comprehensive, flexible design system |
| shadcn/ui | 74,766 | 8 days ago | - - Beautifully designed components that you can copy and paste into your apps |
| shineout | 920 | 6 days ago | - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc |
| Material UI | 93,969 | 3 days 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 6 years ago | Essence - The Essential Material Design Framework |
| react-materialize | 1,380 | almost 2 years ago | Material design for react, powered by materializecss |
| react-toolbox | 8,655 | almost 3 years ago | A set of React components implementing Google's Material Design |
| mdbootstrap | 1,412 | 2 months ago | React Bootstrap with Material Design |
🚀 Absolutely Awesome React Components & Libraries / UI Frameworks / Mobile | |||
| antd-mobile | 11,662 | 9 days 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 | 4 months 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,738 | 6 days 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 | 762 | almost 2 years ago | - A beautiful and modern React design system. Freemium |
| aframe-react | 1,423 | 5 months ago | Build virtual reality experiences with A-Frame and React |
| react-admin | 25,000 | 6 days ago | Build admin user experiences on top of REST and GraphQL services |
| refine | 28,473 | 6 days ago | - - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit |
| matrix-card | 29 | over 2 years ago | - Simplest possible component to generate matrix rain style cards |
| rsuite | 8,367 | 8 days ago | - Suite of components for "enterprise system products" |
| lens-ui | 8 | over 1 year ago | - A Suit of components focused on simplicity |
🚀 Absolutely Awesome React Components & Libraries / UI Utilities / Reporter | |||
| react-intersection-observer | 5,082 | 9 days ago | React implementation of the Intersection Observer API |
| react-visibility-sensor | 2,327 | 7 months ago | Sensor component |
| react-waypoint | 4,078 | over 2 years ago | A React component to execute a function whenever you scroll to an element |
| react-component-queries | 182 | about 6 years ago | Provide props to your Components based on their Width and/or Height |
| react-container-dimensions | 229 | almost 4 years ago | Wrapper component that detects element resize |
| react-dimensions | 450 | over 6 years ago | React higher-order component to get dimensions of container |
| react-height | 181 | over 3 years ago | Component-wrapper to determine and report children elements height |
| react-measure | 1,937 | about 4 years ago | Compute measurements of a React component |
| react-sizeme | 1,947 | over 1 year ago | Make your React Components aware of their width and height |
🚀 Absolutely Awesome React Components & Libraries / UI Utilities / Device Input | |||
| react-hotkeys | 2,153 | almost 2 years ago | Declarative hotkey and focus area management for React |
| react-key-handler | 387 | about 6 years ago | React component to handle keyboard events |
| react-keydown | 499 | over 1 year ago | Lightweight keydown wrapper for React components |
| react-shortcuts | 328 | almost 2 years ago | Manage keyboard shortcuts from one place |
| useKeyCapture | 24 | 2 months ago | A custom hook to ease the key-press listeners of a target/global |
| react-keyboard-navigator | 29 | over 1 year ago | A suite of React components and hook for selecting sibling components through the keyboard |
| react-scroll-components | 123 | about 8 years ago | A set of components that react to page scrolling |
| react-swipe | 1,659 | over 2 years ago | Swipe.js as a React component |
| react-hook-mighty-mouse | 121 | almost 3 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