awesome-react-components
Curated List of React Components & Libraries.
42k stars
755 watching
3k forks
last commit: about 2 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,442 | 12 days ago | An online spreedsheet component that provides out-of-the-box features just like Excel |
| AG Grid | 12,564 | 11 days ago | Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components |
| gigatables-react | 143 | over 1 year ago | Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more |
| MUI X Data grid | 4,082 | 11 days ago | - Fast and customizable data grid with advanced features for power users and complex use cases |
| react-data-grid | 6,920 | 10 days ago | Excel-like grid |
| revo-grid | 2,734 | 4 days ago | - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization |
| ReactGrid | 1,189 | 11 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,214 | 2 months ago | - - A module used to arrange card elements including content infinitely according to various layout types |
| react-lazyload | 5,857 | 6 months ago | Lazyload your Component, Image or anything else where the performance matters |
| react-list | 1,962 | 9 months ago | A versatile infinite scroll React component |
| @af-utils/virtual | 75 | 4 months ago | - Render large scrollable lists and grids |
| react-window | 15,781 | about 2 months ago | - React components for efficiently rendering large lists and tabular data |
| virtua | 1,230 | 11 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,037 | 11 months ago | A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices |
| react-modal | 7,352 | 7 months ago | Accessible modal dialog component for React |
| reoverlay | 152 | over 1 year ago | - The missing solution for managing modals |
| sweetalert2 | 17,262 | 9 days ago | - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies |
| sweetalert2-react-content | 695 | 4 months ago | Official SweetAlert2 enhancer adding support for React elements as content |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Notification | |||
| react-notifications-component | 1,271 | 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 | 5 months ago | - - show feedback linked to particular component instead of app-wide toasts |
| react-toast | 73 | over 1 year ago | - - Minimal toast notifications |
| react-toastify | 12,561 | about 2 months ago | 🚀 - - best bet out there at the moment. Hooks support. No refs |
| reapop | 1,548 | 3 months ago | A React & Redux notifications system |
| simple-react-notifications | 61 | over 1 year ago | - Tiny notification library (1kb gzip) |
| react-hot-toast | 9,696 | 3 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,583 | about 1 month ago | React tooltip component |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Menu | |||
| hamburger-react | 968 | 5 months ago | - Animated hamburger menu icons for React |
| react-burger-menu | 5,040 | 10 months ago | An off-canvas sidebar with effects and styles |
| react-offcanvas | 50 | over 4 years ago | Off-canvas menus for React |
| react-planet | 181 | about 3 years ago | - Create circular menus which looks like planets |
| mantine-contextmenu | 126 | about 1 month ago | - Context-menu hook/component for applications built with Mantine UI |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Sticky | |||
| react-headroom | 1,835 | almost 2 years ago | Hide your header until you need it |
| react-stickynode | 1,273 | 12 days ago | A performant and comprehensive React sticky |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Tabs | |||
| react-tabs | 3,075 | 12 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 | 969 | 4 months ago | Collection set of react-spinner for async operation |
| react-redux-loading-bar | 936 | 9 months ago | Simple Loading Bar for Redux and React |
| react-spinners-css | 322 | about 1 year ago | Amazing collection of react spinners components |
| react-spinners | 3,059 | 11 days ago | A collection of loading spinner components for react |
| react-content-loader | 13,670 | 4 months 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 | 40 | 10 months ago | - - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS |
| procaptcha | 40 | 11 days ago | - - Privacy focused free CAPTCHA |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Carousel | |||
| @egjs/react-flicking | 2,752 | about 1 month ago | - - It's reliable, flexible and extendable carousel |
| react-awesome-slider | 2,929 | 12 months ago | - Fullpage, 3D animated, 60fps media and content slider/carousel |
| pure-react-carousel | 1,671 | 2 months ago | Built from scratch and not highly opinionated |
| react-id-swiper | 1,487 | over 1 year ago | A library to use idangerous Swiper as a ReactJs component |
| react-instagram-zoom-slider | 78 | almost 2 years ago | - A slider component with pinch to zoom capabilities inspired by Instagram |
| react-responsive-carousel | 2,659 | 25 days ago | React.js Responsive Carousel (with Swipe) |
| react-slick | 11,733 | 4 months ago | React carousel component |
| keen-slider | 4,668 | 4 months ago | - Performant carousel/slider with native touch/swipe behavior |
| swiper | 39,661 | 19 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,301 | 3 months ago | - 3D animated 60fps buttons with load progress and social share actions |
| reactive-button | 129 | 12 months ago | - - A beautiful animated button component with progress indicator |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Collapse | |||
| react-accessible-accordion | 785 | about 1 year ago | Accessible Accordion component for React |
| react-collapse | 1,122 | almost 2 years ago | Component-wrapper for collapse animation with react-motion |
| react-tabbordion | 80 | over 1 year ago | - Universal, semantic and CSS-only components for creating Accordions and Tabs |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Chart | |||
| chartify | 692 | over 1 year ago | React.js plugin for building animated draggable and customizable charts |
| essential js 2 charts | 343 | 11 days ago | Beautiful and interactive charts & graphs for react |
| echarts for react | 4,514 | 4 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 | 11 months ago | React component for Chartist.js |
| react-charty | 71 | about 3 years ago | - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming |
| react-chartjs-2 | 6,573 | 16 days ago | Common react charting components using Chart.js 2.0 |
| react-d3-components | 1,626 | over 2 years ago | D3 Components for React |
| react-dazzle | 1,440 | almost 5 years ago | Dashboards made easy in React JS |
| react-google-charts | 1,596 | 12 days ago | React-google-charts React component |
| react-highcharts | 1,254 | almost 2 years ago | React-highcharts |
| react-sigmajs | 258 | almost 2 years ago | Lightweight but powerful library for drawing network graphs built on top of SigmaJS |
| react-sparklines | 2,834 | 14 days ago | Beautiful and expressive Sparklines React component |
| react-timeseries-charts | 863 | about 1 year ago | Declarative timeseries charts |
| react-vis | 8,727 | 26 days ago | Data visualization library based on React and d3 |
| recharts | 23,790 | 3 days ago | Redefined chart library built with React and D3 |
| rumble-charts | 344 | over 1 year ago | React components for building composable and flexible charts |
| victory | 10,967 | 12 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 | almost 4 years ago | React wrapper for (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly) |
| Flowchart React | 43 | 3 months ago | Flowchart & Flowchart designer for React.js |
| react-dashboard | 1,574 | 20 days ago | Isomorphic Dashboards |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Command palette | |||
| cmdk | Fast, composable, unstyled command menu for React | ||
| kbar | 4,794 | about 2 months ago | - Fast, portable, and extensible cmd+k interface |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Tree | |||
| react-arborist | 2,991 | about 2 months ago | - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search |
| react-complex-tree | 956 | 2 months ago | - - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search |
| react-treeview | 1,090 | almost 6 years ago | Easy, light, flexible tree view made with React |
| he-tree-react | 16 | 4 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,344 | 8 months ago | React scroll component |
| react-swipeable-views | 4,457 | 5 months ago | A React Component for binded Tabs and Swipeable Views |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Custom Scrollbar | |||
| rc-scrollbars | 145 | over 1 year ago | - Customizable scrollbars with flex options and 60FPS |
| react-custom-scroll | 554 | 7 months ago | - Easily customize the browser scroll bar with native OS scroll behavior |
| react-shadow-scroll | 30 | 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 | over 1 year ago | Dailymotion player component for React |
| react-player | 9,274 | 3 months ago | A react component for playing a variety of URLs, including YouTube |
| react-soundplayer | 1,461 | over 1 year ago | Create custom SoundCloud players with React |
| react-youtube | 1,850 | 10 months ago | React.js powered YouTube player component |
| video-react | 2,655 | 4 months ago | A web video player built for the HTML5 world using React library |
| material-ui-audio-player | 74 | over 1 year ago | Audio player for material ui design |
| react-vision-camera | 9 | about 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 | about 1 month 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,379 | 4 months ago | Universal google map react component, allows render react components on the google map |
| pigeon-maps | 3,447 | about 1 month ago | - ReactJS Maps without external dependencies |
| react-geosuggest | 1,038 | 3 months ago | A React autosuggest for the Google Maps Places API |
| react-leaflet | 5,103 | 20 days ago | React components for Leaflet maps |
| react-map-gl | 7,783 | about 1 month ago | A React wrapper for MapboxGL-js and overlay API |
| react-svg-map | 225 | almost 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,058 | about 1 month ago | A simple time-ago component for ReactJs |
| timeago-react | 421 | over 1 year ago | Format date with statement. eg: '3 hours ago' |
| react-google-flight-datepicker | 385 | over 1 year ago | Google flight date picker implemented in ReactJS |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Photo / Image | |||
| lightGallery | 6,469 | 22 days ago | - - Full-featured lightbox gallery component |
| react-compare-image | 328 | about 1 year ago | - React component to compare two images using a slider |
| react-image-gallery | 3,783 | 14 days ago | Responsive image gallery, carousel, image slider react component |
| yet-another-react-lightbox | 822 | 16 days ago | - - React lightbox component |
| react-intense | 186 | 10 months ago | A React component for viewing large images up close |
| react-photo-album | 531 | 17 days ago | - - Responsive React Photo Gallery |
| react-svg-pan-zoom | 681 | about 2 months ago | A React component that adds pan and zoom features to SVG |
| react-particle-image | 460 | over 1 year ago | - Render images as interactive particles |
| react-imgix | 359 | 12 days ago | Add fast, responsive images as an image, picture, or background! |
| @frameright/react-image-display-control | 22 | 11 days ago | Define zoom regions for smart responsive images |
| zoom-image | 302 | 19 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 | over 3 years ago | Over 40k icons from 50+ icon sets, including all popular icon and emoji sets |
| react-icons | 11,514 | 14 days ago | Svg react icons of popular icon packs using ES6 imports |
| react-open-doodles | 66 | almost 2 years ago | Awesome free illustrations as react components |
| react-icomoon | 223 | about 1 month 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 | 10,431 | 15 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,749 | 5 months ago | A ReactJS component that creates a pagination |
| react-laravel-paginex | 27 | almost 2 years ago | Laravel Pagination with ReactJS (customizable) |
| paginated | 22 | about 3 years ago | React render props & custom hook to build pagination |
| react-steps | 17 | about 2 years ago | - Responsive React Stepper |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Markdown Viewer | |||
| react-markdown | 12,984 | 16 days ago | Render Markdown as React components |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Canvas | |||
| react-konva | 5,711 | about 2 months ago | React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework |
| react-sketch | 682 | almost 2 years ago | A Sketch tool for React based applications, backed-up by FabricJS |
| react-sketch-canvas | 434 | about 2 months ago | Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets |
| react-heat-map | 203 | 2 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,439 | 3 months ago | Take screenshots of any part of your web page using Javascript |
🚀 Absolutely Awesome React Components & Libraries / UI Components / Miscellaneous | |||
| puck | 5,073 | 11 days ago | - The self-hosted visual editor for React |
| react-advanced-news-ticker | 51 | 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 | 1,972 | 17 days ago | - Visual query builder from form fields, with SQL, MongoDB and JSON export |
| react-blur | 458 | over 2 years ago | React component for blurred backgrounds |
| react-demo-tab | 41 | over 1 year ago | - A React component to easily create demos of other components |
| react-facebook | 792 | about 1 year ago | Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post |
| fastcomments-react | 7 | 18 days ago | - FastComments component for embedding a live comment thread on a page or SPA |
| react-pdf-viewer | 2,213 | about 2 months ago | - A React component to view a PDF document |
| react-simple-chatbot | 1,733 | 6 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 | over 4 years ago | The React filterbuilder component for building the filter criteria in the UI |
| react-headings | 75 | 7 days 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,770 | 23 days ago | Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips! |
| react-mouse-select | 44 | over 1 year ago | A component that allows selecting DOM elements by moving the mouse |
| react-resizable-and-movable | 3,889 | 13 days ago | Resizable and movable component for React |
| react-resizable-box | 2,434 | 13 days ago | Resizable component for React. #reactjs |
| react-searchbox-awesome | 31 | over 1 year ago | - Minimalistic searchbox |
| react-split-pane | 3,208 | 10 months ago | React split-pane component |
| react-swipe-to-delete-ios | 48 | almost 2 years ago | - To delete an item in a list the same way iOS does |
| react-swipeable-list | 110 | 11 months ago | - Configurable component to render list with swipeable items |
| typography | 3,829 | about 1 year ago | A powerful toolkit for building websites with beautiful typography |
| react-pulse-text | 17 | 6 months 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,311 | 11 days ago | Display PDFs in your React app as easily as if they were images |
| react-customizable-chat-bot | 18 | about 2 years ago | - Build your own chatbot matching your brand needs in minutes |
| @restpace/schema-form | 47 | about 1 month ago | - Easily build complex forms automatically from a JSON Schema |
| react-darkreader | 280 | over 1 year ago | A React Hook for adding a dark / night mode to your site inspired by darkreader |
| react-apple-signin-auth | 104 | 10 months ago | Apple signin for React using the official Apple JS SDK |
| react-mrz-scanner | 4 | about 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 | 103 | 9 months ago | - A calendar component that supports date, range & ranges picks |
| react-big-calendar | 7,753 | 19 days ago | Gcal/outlook like calendar component |
| react-datepicker | 7,968 | 11 days ago | A simple and reusable datepicker component for React |
| react-day-picker | 6,014 | 12 days ago | Flexible date picker for React |
| react-flatpickr | 598 | over 1 year ago | Flatpickr for React |
| react-simple-timefield | 97 | over 1 year ago | - Simple time input field |
| react-timezone-select | 215 | 13 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,508 | 11 days ago | Ultimate calendar for your React app |
| react-date-picker | 1,262 | 11 days ago | A date picker for your React app |
| schedule-x | 1,172 | 3 days ago | Material design event calendar and date picker components. Demo site: |
| interweave-emoji-picker | 1,087 | 10 months ago | A React based emoji picker powered by Interweave and Emojibase |
| react-credit-cards | 2,580 | 9 months ago | Beautiful credit cards for your payment forms |
| react-payment-inputs | 342 | 3 months ago | - A zero-dependency container to help with payment card input fields |
| react-input-mask | 2,221 | 2 months ago | - Yet another react component for input masking |
| @lunasec/react-sdk | 1,435 | 5 months ago | - Secure, hardened form components that encrypt/tokenize all data automatically |
| react-numpad | 136 | almost 4 years ago | - Extensible number pad control for numbers, dates and times |
| react-multi-email | 296 | 2 months ago | - Format multiple emails as the user types |
| react-autosuggest | 5,965 | 11 months ago | WAI-ARIA compliant React autosuggest component |
| react-typeahead | 677 | about 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 | 294 | 9 days ago | - An iOS like select box component |
| react-select | 27,548 | 16 days ago | A Select control built with and for React JS |
| react-column-select | 14 | 11 days ago | A column select component built for react |
| react-select-search | 677 | 12 days ago | - A lightweight select component for React |
| coloreact | 90 | almost 2 years ago | A tiny Color Picker for React |
| react-color | 280 | 13 days ago | Is a tiny color picker widget component for React apps |
| react-colorful | 3,141 | 3 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 | 445 | over 1 year ago | - A fully themeable and accessible heart-shaped toggle switch component |
| react-ios-switch | 128 | over 1 year ago | React switch component |
| react-toggle | 945 | over 1 year ago | An elegant, accessible toggle component for React. Also a glorified checkbox |
| ui-switch | 4 | almost 4 years ago | The most complete component |
| react-slider | 890 | 4 months ago | Slider component for React |
| react-radio-group | 443 | 11 months ago | Better radio buttons |
| react-autocomplete-input | 195 | 5 months ago | Autocomplete input field for React |
| react-mentions | 2,439 | 12 days ago | Mention people in a textarea |
| rich-textarea | 307 | 11 days ago | A textarea to colorize, highlight, decorate texts and offer autocomplete |
| react-tag-input | 1,501 | 18 days ago | A fantastically simple tagging component for your React projects |
| react-tagsinput | 1,344 | over 1 year ago | A simple react component for inputing tags |
| react-tokeninput | 148 | about 6 years ago | Tokeninput component for React |
| tagify | 3,499 | about 1 month ago | - Lightweight, efficient Tags input component |
| react-input-autosize | 766 | over 1 year ago | Auto-resizing input field for React |
| react-autowidth-input | 13 | 9 months ago | Highly configurable & extensible automatically sized input field built with hooks |
| react-textarea-autosize | 2,218 | 10 months ago | <textarea /> component for React which grows with content |
| react-rating | 337 | 4 months ago | - Zero-dependency, highly customizable rating component |
| react-awesome-stars-rating | 29 | 8 days ago | - The star rating component with accessibility |
| react-star-rating-input | 55 | about 6 years ago | React.js component for entering 0-5 (or more) stars |
| react-beautiful-dnd | 33,254 | 2 days ago | Beautiful and accessible drag and drop for lists with React |
| react-dnd | 20,918 | 8 months ago | Drag and Drop for React |
| react-drag-sizing | 19 | about 2 years ago | "Drag to resize" (sizing) as React Component |
| react-draggable | 8,990 | about 1 month ago | React draggable component |
| react-dragula | 993 | about 4 years ago | Drag and drop so simple it hurts |
| react-dropzone | 10,515 | 10 months ago | Simple HTML5 drag-drop zone with React.js |
| react-movable | 1,534 | 3 months ago | Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables |
| react-sortable-pane | 645 | 3 months ago | Sortable and resizable pane component for React |
| neodrag | 1,573 | 5 months ago | Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same |
| react-anything-sortable | 459 | over 6 years ago | Sort any children with touch support and IE8 compatibility |
| sortablejs | 29,489 | about 1 month ago | Lists reorderable by drag-and-drop, within and among lists |
| alloyeditor | 1,389 | 12 months ago | WYSIWYG editor based on CKEditor with completely rewritten UI |
| ckeditor4-react | 97 | about 1 month ago | An official CKEditor 4 rich text editor wrapper |
| ckeditor5-react | 417 | 11 days ago | An official CKEditor 5 rich text editor wrapper |
| draft-js | 22,563 | over 1 year ago | A React framework for building text editors |
| edtr-io | 708 | 10 months ago | - - WYSIWYG in-line web editor with plugins |
| megadraft | 1,211 | 11 months ago | Rich Text editor built on top of draft.js |
| react-ace | 4,044 | 14 days ago | Ace (Advanced Code Editor) wraper |
| react-codemirror | 1,621 | 12 days ago | - CodeMirror component for React |
| react-contenteditable | 1,623 | over 1 year ago | React component for a div with editable contents |
| react-draft-wysiwyg | 6,406 | 4 months ago | WYSIWYG editor build on top of |
| react-editor | 55 | about 2 years ago | Simple richtext editor that can insert images and HTML |
| react-medium-editor | 503 | over 1 year ago | medium-editor wrapper |
| react-monacoeditor | 292 | 16 days ago | Monaco Editor component for React |
| react-simple-code-editor | 1,568 | 3 months ago | Simple no-frills code editor with syntax highlighting |
| react-quill | 6,706 | about 2 months ago | Quill wrapper |
| react-trumbowyg | 146 | almost 3 years ago | wrapper |
| remirror | 2,687 | 11 days ago | - - ProseMirror toolkit for React |
| slate | 29,671 | 12 days ago | - - A completely customizable framework for building rich text editors |
| smartblock | 311 | 8 days ago | - - Block based WYSIWYG editor based on ProseMirror |
| tiptap | 26,893 | 3 days ago | - - The headless editor framework for web artisans |
| react-simplemde-editor | 766 | 12 months ago | React component wrapper for |
| react-markdown-editor | 215 | over 6 years ago | A markdown editor using React/Reflux |
| react-md-editor | 2,138 | 15 days ago | A simple markdown editor with preview, implemented with React.js and TypeScript |
| react-avatar-editor | 2,357 | 2 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,277 | 14 days ago | Component to crop/rotate images/videos with easy interactions. Touch friendly |
| react-image-crop | 3,842 | 26 days ago | A responsive image cropping tool for React |
| react-image-cropper | 174 | over 1 year ago | Image cropper |
| react-advanced-cropper | 671 | 4 months ago | A react cropper library to create the cropper exactly suited for your website design |
| react-mobile-cropper | 25 | over 1 year ago | A ready-to-use image cropping library highly inspirited by popular Android croppers. Based on |
| formsy-material-ui | 571 | over 1 year ago | A Formsy compatibility wrapper for Material UI form components |
| formsy-react-components | 288 | over 1 year ago | A set of React JS components for use in a formsy-react form |
| react-input-enhancements | 1,375 | almost 2 years ago | Set of enhancements for input control |
| react-widgets | 2,340 | about 1 year ago | An à la carte set of polished, extensible, and accessible inputs |
| @anatoliygatt/numeric-stepper | 160 | over 1 year ago | - A fully themeable and accessible numeric stepper component |
| interweave | 1,087 | 10 months ago | React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more |
| react-designer | 1,866 | almost 2 years ago | Easy to configure, lightweight, editable vector graphics in your react components |
| react-upload-gallery | 78 | 10 months ago | React for Upload Image Gallery. Drag & Drop, Sortable, Customize |
| react-syntax-highlighter | 4,067 | 2 months ago | Syntax highlighting component with Prismjs or Highlightjs AST using inline styles |
🚀 Absolutely Awesome React Components & Libraries / UI Layout | |||
| autoresponsive-react | 1,573 | 11 months ago | Auto responsive grid layout library |
| golden-layout | 6,249 | about 2 months ago | A multi-screen JavaScript Layout manager |
| hedron | 865 | 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 | 357 | over 1 year ago | - - Responsive, sortable, filterable and draggable grid layouts |
| react-grid-layout | 20,252 | 3 months ago | A draggable and resizable grid layout with responsive breakpoints, for React |
| react-masonry-component | 1,436 | over 1 year ago | Wrapper for @desandro's Masonry |
| react-reflex | 632 | 7 months ago | Flex layout container component for advanced React web applications |
| react-spaces | 1,300 | 3 months ago | - Nestable anchored, resizable, scrollable components |
| react-stonecutter | 1,218 | 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 | 6 | almost 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 | 545 | over 7 years ago | Easily animate your data |
| react-animatable | 44 | 11 days ago | An animation library using Web Animations API |
| react-anime | 1,548 | over 1 year ago | A super easy animation library |
| react-flip-move | 4,080 | almost 2 years ago | Effortless animation between DOM changes (eg. list reordering) using the FLIP technique |
| react-gsap-enhancer | 724 | about 1 year ago | Use the full power of React and GSAP together |
| react-tsparticles | 7,570 | 3 days ago | A lightweight component to easily create interactive particles animations |
| react-motion | 21,680 | 9 months ago | A spring that solves your animation problems |
| react-mt-svg-lines | 361 | over 5 years ago | Wrapper to animate the line stroke in SVGs |
| react-router-transition | 2,593 | over 3 years ago | Transitions built for react-router, powered by react-motion |
| react-spring | 28,013 | 11 days ago | A spring physics based animation library |
| react-ts-typewriter | 36 | over 1 year ago | - Easy to use and customizable typewriter effect for any text |
| framer-motion | 23,457 | 11 days ago | An animation and gesture library |
| react-spark-scroll | 359 | over 7 years ago | Scroll-based actions and animations for react |
| react-track | 339 | over 7 years ago | Track the position of DOM elements. Create cool animations |
| react-transitive-number | 212 | 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 | 646 | over 3 years ago | Particles backgrounds |
| gooey-react | 653 | over 1 year ago | - The gooey effect for React, used for shape blobbing / metaballs |
| react-voodoo | 15 | 2 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,833 | 11 days ago | - The easiest way to get a parallax effect with React and JavaScript on images |
| react-parallax-tilt | 971 | 12 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,032 | 1 day 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,752 | 8 days ago | - A design system built by IBM |
| cdbreact | 50 | 6 months ago | - - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps |
| chakra-ui | 37,521 | 11 days ago | - Simple, Modular & Accessible UI Components for your React Applications |
| ChatUI | 2,635 | 9 months ago | - The UI design language and React library for Conversational UI |
| CoreUI for React | 670 | 13 days ago | - Open Source UI components library |
| evergreen | 12,389 | 3 months ago | - Evergreen React UI Framework by Segment |
| fluentui | 18,364 | 1 day ago | UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior |
| geist-ui | 4,318 | 3 months ago | Modern and minimalist React UI library |
| gestalt | 4,236 | 11 days ago | - A set of components that supports Pinterest’s design language |
| grommet | 8,324 | 11 days ago | The most advanced UX framework for enterprise applications |
| Mantine | 26,202 | about 1 month ago | - A fully featured library with 100+ hooks and components with native dark theme support |
| orbit | 1,388 | 8 days ago | Components for building travel oriented projects |
| flowbite-react | 1,851 | 26 days ago | Open-source UI component library based on React, Tailwind CSS, and Flowbite |
| primereact | 6,666 | 11 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,368 | 12 days ago | Bootstrap components built with React |
| react-foundation | 601 | over 1 year ago | Foundation as React components |
| reakit | 7,804 | 11 days ago | Toolkit for building accessible rich web apps |
| searchkit | 4,760 | 2 months ago | React UI components / widgets. The easiest way to build a great search experience with Elasticsearch |
| semantic-ui-react | 13,210 | 3 months ago | The official Semantic-UI-React integration |
| semi-design | 8,342 | 12 days ago | - A modern, comprehensive, flexible design system |
| shadcn/ui | 70,386 | 8 days ago | - - Beautifully designed components that you can copy and paste into your apps |
| shineout | 918 | 11 days ago | - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc |
| Material UI | 93,459 | 8 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 | 416 | over 6 years ago | Essence - The Essential Material Design Framework |
| react-materialize | 1,383 | over 1 year ago | Material design for react, powered by materializecss |
| react-toolbox | 8,656 | almost 3 years ago | A set of React components implementing Google's Material Design |
| mdbootstrap | 1,410 | 19 days ago | React Bootstrap with Material Design |
🚀 Absolutely Awesome React Components & Libraries / UI Frameworks / Mobile | |||
| antd-mobile | 11,623 | about 1 month ago | Configurable Mobile UI from China |
| Ionic React | Ionic Framework: easily build Android, Desktop and Progressive Web Apps with one code base | ||
| OnsenUI | 8,824 | 3 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,644 | 12 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 | 757 | almost 2 years ago | - A beautiful and modern React design system. Freemium |
| aframe-react | 1,418 | 4 months ago | Build virtual reality experiences with A-Frame and React |
| react-admin | 24,812 | 11 days ago | Build admin user experiences on top of REST and GraphQL services |
| refine | 27,541 | 11 days ago | - - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit |
| matrix-card | 26 | over 2 years ago | - Simplest possible component to generate matrix rain style cards |
| rsuite | 8,300 | 15 days ago | - Suite of components for "enterprise system products" |
| lens-ui | 8 | about 1 year ago | - A Suit of components focused on simplicity |
🚀 Absolutely Awesome React Components & Libraries / UI Utilities / Reporter | |||
| react-intersection-observer | 5,012 | about 1 month ago | React implementation of the Intersection Observer API |
| react-visibility-sensor | 2,322 | 5 months ago | Sensor component |
| react-waypoint | 4,080 | over 2 years ago | A React component to execute a function whenever you scroll to an element |
| react-component-queries | 182 | almost 6 years ago | Provide props to your Components based on their Width and/or Height |
| react-container-dimensions | 230 | over 3 years ago | Wrapper component that detects element resize |
| react-dimensions | 452 | over 6 years ago | React higher-order component to get dimensions of container |
| react-height | 180 | about 3 years ago | Component-wrapper to determine and report children elements height |
| react-measure | 1,938 | about 4 years ago | Compute measurements of a React component |
| react-sizeme | 1,942 | 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,149 | 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 | 500 | 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 | 25 days ago | A custom hook to ease the key-press listeners of a target/global |
| react-keyboard-navigator | 28 | about 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,658 | over 2 years ago | Swipe.js as a React component |
| react-hook-mighty-mouse | 121 | over 2 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