awesome-react-components
Curated List of React Components & Libraries.
42k stars
756 watching
3k forks
last commit: 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,473 | 9 days ago | An online spreedsheet component that provides out-of-the-box features just like Excel |
AG Grid | 12,628 | 4 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,128 | 4 days ago | - Fast and customizable data grid with advanced features for power users and complex use cases |
react-data-grid | 6,920 | 17 days ago | Excel-like grid |
revo-grid | 2,734 | 11 days ago | - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization |
ReactGrid | 1,199 | 4 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 | 3 months ago | - - A module used to arrange card elements including content infinitely according to various layout types |
react-lazyload | 5,858 | 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 | 76 | 5 months ago | - Render large scrollable lists and grids |
react-window | 15,825 | about 2 months ago | - React components for efficiently rendering large lists and tabular data |
virtua | 1,254 | 4 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 | 12 months ago | A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices |
react-modal | 7,359 | 7 months ago | Accessible modal dialog component for React |
reoverlay | 152 | over 1 year ago | - The missing solution for managing modals |
sweetalert2 | 17,262 | 16 days ago | - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies |
sweetalert2-react-content | 700 | 16 days 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 | 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,598 | about 2 months ago | π - - best bet out there at the moment. Hooks support. No refs |
reapop | 1,549 | 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,726 | 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,592 | 12 days ago | React tooltip component |
π Absolutely Awesome React Components & Libraries / UI Components / Menu | |||
hamburger-react | 970 | 5 months ago | - Animated hamburger menu icons for React |
react-burger-menu | 5,042 | 11 months ago | An off-canvas sidebar with effects and styles |
react-offcanvas | 51 | 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,836 | almost 2 years ago | Hide your header until you need it |
react-stickynode | 1,276 | 5 days ago | A performant and comprehensive React sticky |
π Absolutely Awesome React Components & Libraries / UI Components / Tabs | |||
react-tabs | 3,080 | 5 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 | 974 | 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,070 | 19 days ago | A collection of loading spinner components for react |
react-content-loader | 13,689 | 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 | 41 | 10 months ago | - - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS |
procaptcha | 42 | 4 days ago | - - Privacy focused free CAPTCHA |
π Absolutely Awesome React Components & Libraries / UI Components / Carousel | |||
@egjs/react-flicking | 2,753 | 16 days ago | - - It's reliable, flexible and extendable carousel |
react-awesome-slider | 2,930 | 12 months ago | - Fullpage, 3D animated, 60fps media and content slider/carousel |
pure-react-carousel | 1,675 | 3 months ago | Built from scratch and not highly opinionated |
react-id-swiper | 1,488 | 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,665 | about 1 month 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 | 26 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,303 | 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 | 786 | about 1 year ago | Accessible Accordion component for React |
react-collapse | 1,125 | almost 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 | 345 | 4 days ago | Beautiful and interactive charts & graphs for react |
echarts for react | 4,526 | 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,591 | 10 days ago | Common react charting components using Chart.js 2.0 |
react-d3-components | 1,626 | 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,600 | 5 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,837 | 21 days ago | Beautiful and expressive Sparklines React component |
react-timeseries-charts | 866 | about 1 year ago | Declarative timeseries charts |
react-vis | 8,727 | about 1 month ago | Data visualization library based on React and d3 |
recharts | 23,790 | 10 days ago | Redefined chart library built with React and D3 |
rumble-charts | 344 | almost 2 years ago | React components for building composable and flexible charts |
victory | 10,981 | 4 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 | 44 | 3 months ago | Flowchart & Flowchart designer for React.js |
react-dashboard | 1,578 | 28 days ago | Isomorphic Dashboards |
π Absolutely Awesome React Components & Libraries / UI Components / Command palette | |||
cmdk | Fast, composable, unstyled command menu for React | ||
kbar | 4,809 | about 2 months ago | - Fast, portable, and extensible cmd+k interface |
π Absolutely Awesome React Components & Libraries / UI Components / Tree | |||
react-arborist | 3,003 | about 2 months ago | - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search |
react-complex-tree | 964 | 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 | 17 | 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,349 | 8 months ago | React scroll component |
react-swipeable-views | 4,458 | 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,307 | 11 days ago | A react component for playing a variety of URLs, including YouTube |
react-soundplayer | 1,460 | almost 2 years ago | Create custom SoundCloud players with React |
react-youtube | 1,852 | 10 months ago | React.js powered YouTube player component |
video-react | 2,657 | 17 days 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,384 | 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,039 | 3 months ago | A React autosuggest for the Google Maps Places API |
react-leaflet | 5,125 | 27 days ago | React components for Leaflet maps |
react-map-gl | 7,802 | about 2 months ago | A React wrapper for MapboxGL-js and overlay API |
react-svg-map | 227 | 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,062 | 18 days 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 | 29 days ago | - - Full-featured lightbox gallery component |
react-compare-image | 329 | about 1 year ago | - React component to compare two images using a slider |
react-image-gallery | 3,787 | 21 days ago | Responsive image gallery, carousel, image slider react component |
yet-another-react-lightbox | 833 | 18 days ago | - - React lightbox component |
react-intense | 187 | 11 months ago | A React component for viewing large images up close |
react-photo-album | 541 | 18 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 | 461 | over 1 year ago | - Render images as interactive particles |
react-imgix | 360 | 5 days ago | Add fast, responsive images as an image, picture, or background! |
@frameright/react-image-display-control | 22 | 5 days ago | Define zoom regions for smart responsive images |
zoom-image | 301 | 7 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,548 | 15 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,608 | 4 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 | 9 days 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 | 13,045 | 23 days ago | Render Markdown as React components |
π Absolutely Awesome React Components & Libraries / UI Components / Canvas | |||
react-konva | 5,725 | 2 months ago | React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework |
react-sketch | 683 | almost 2 years ago | A Sketch tool for React based applications, backed-up by FabricJS |
react-sketch-canvas | 441 | 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 | 206 | 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,487 | 3 months ago | Take screenshots of any part of your web page using Javascript |
π Absolutely Awesome React Components & Libraries / UI Components / Miscellaneous | |||
puck | 5,121 | 5 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,979 | 25 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 | 791 | about 1 year ago | Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post |
fastcomments-react | 7 | 9 days ago | - FastComments component for embedding a live comment thread on a page or SPA |
react-pdf-viewer | 2,234 | about 2 months ago | - A React component to view a PDF document |
react-simple-chatbot | 1,732 | 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 | 14 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,797 | about 1 month 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,902 | 10 days ago | Resizable and movable component for React |
react-resizable-box | 2,439 | 10 days ago | Resizable component for React. #reactjs |
react-searchbox-awesome | 32 | almost 2 years ago | - Minimalistic searchbox |
react-split-pane | 3,213 | 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 | 112 | 11 months ago | - Configurable component to render list with swipeable items |
typography | 3,832 | over 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,353 | 13 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 2 months 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 | 10 months ago | - A calendar component that supports date, range & ranges picks |
react-big-calendar | 7,802 | 9 days ago | Gcal/outlook like calendar component |
react-datepicker | 8,063 | 5 days ago | A simple and reusable datepicker component for React |
react-day-picker | 6,029 | 5 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 | 11 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,522 | 13 days ago | Ultimate calendar for your React app |
react-date-picker | 1,267 | 13 days ago | A date picker for your React app |
schedule-x | 1,172 | 10 days ago | Material design event calendar and date picker components. Demo site: |
interweave-emoji-picker | 1,090 | 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,228 | 2 months ago | - Yet another react component for input masking |
@lunasec/react-sdk | 1,437 | 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 | 3 months ago | - Format multiple emails as the user types |
react-autosuggest | 5,966 | 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 | 457 | 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 | 16 days ago | - An iOS like select box component |
react-select | 27,570 | 23 days ago | A Select control built with and for React JS |
react-column-select | 14 | 19 days ago | A column select component built for react |
react-select-search | 679 | 19 days ago | - A lightweight select component for React |
coloreact | 90 | almost 2 years ago | A tiny Color Picker for React |
react-color | 284 | 15 days ago | Is a tiny color picker widget component for React apps |
react-colorful | 3,154 | 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 | 891 | 4 months ago | Slider component for React |
react-radio-group | 442 | 11 months ago | Better radio buttons |
react-autocomplete-input | 196 | 5 months ago | Autocomplete input field for React |
react-mentions | 2,454 | 15 days ago | Mention people in a textarea |
rich-textarea | 307 | 8 days ago | A textarea to colorize, highlight, decorate texts and offer autocomplete |
react-tag-input | 1,503 | 18 days ago | A fantastically simple tagging component for your React projects |
react-tagsinput | 1,347 | over 1 year ago | A simple react component for inputing tags |
react-tokeninput | 148 | about 6 years ago | Tokeninput component for React |
tagify | 3,506 | about 1 month ago | - Lightweight, efficient Tags input component |
react-input-autosize | 767 | over 1 year ago | Auto-resizing input field for React |
react-autowidth-input | 13 | 10 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 | 341 | 4 months ago | - Zero-dependency, highly customizable rating component |
react-awesome-stars-rating | 29 | 15 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 | 9 days ago | Beautiful and accessible drag and drop for lists with React |
react-dnd | 20,949 | 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 | 9,003 | about 2 months ago | React draggable component |
react-dragula | 994 | about 4 years ago | Drag and drop so simple it hurts |
react-dropzone | 10,527 | 5 days ago | Simple HTML5 drag-drop zone with React.js |
react-movable | 1,539 | 3 months ago | Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables |
react-sortable-pane | 645 | 9 days ago | Sortable and resizable pane component for React |
neodrag | 1,579 | 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,545 | about 1 month ago | Lists reorderable by drag-and-drop, within and among lists |
alloyeditor | 1,391 | 12 months ago | WYSIWYG editor based on CKEditor with completely rewritten UI |
ckeditor4-react | 97 | about 2 months ago | An official CKEditor 4 rich text editor wrapper |
ckeditor5-react | 420 | 8 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,215 | 12 months ago | Rich Text editor built on top of draft.js |
react-ace | 4,053 | 21 days ago | Ace (Advanced Code Editor) wraper |
react-codemirror | 1,637 | 8 days ago | - CodeMirror component for React |
react-contenteditable | 1,627 | over 1 year ago | React component for a div with editable contents |
react-draft-wysiwyg | 6,408 | 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 | 295 | 23 days ago | Monaco Editor component for React |
react-simple-code-editor | 1,572 | 3 months ago | Simple no-frills code editor with syntax highlighting |
react-quill | 6,727 | about 2 months ago | Quill wrapper |
react-trumbowyg | 146 | almost 3 years ago | wrapper |
remirror | 2,701 | 5 days ago | - - ProseMirror toolkit for React |
slate | 29,735 | 16 days ago | - - A completely customizable framework for building rich text editors |
smartblock | 311 | 16 days ago | - - Block based WYSIWYG editor based on ProseMirror |
tiptap | 26,965 | 4 days ago | - - The headless editor framework for web artisans |
react-simplemde-editor | 769 | 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,153 | 9 days ago | A simple markdown editor with preview, implemented with React.js and TypeScript |
react-avatar-editor | 2,361 | 3 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,287 | 21 days ago | Component to crop/rotate images/videos with easy interactions. Touch friendly |
react-image-crop | 3,857 | about 1 month 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 | 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,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,090 | 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 | 11 months ago | React for Upload Image Gallery. Drag & Drop, Sortable, Customize |
react-syntax-highlighter | 4,090 | 3 months ago | Syntax highlighting component with Prismjs or Highlightjs AST using inline styles |
π Absolutely Awesome React Components & Libraries / UI Layout | |||
autoresponsive-react | 1,574 | 11 months ago | Auto responsive grid layout library |
golden-layout | 6,257 | 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,298 | 3 months ago | A draggable and resizable grid layout with responsive breakpoints, for React |
react-masonry-component | 1,437 | over 1 year ago | Wrapper for @desandro's Masonry |
react-reflex | 634 | 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,222 | 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 | 46 | 12 days ago | An animation library using Web Animations API |
react-anime | 1,552 | 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 | over 1 year ago | Use the full power of React and GSAP together |
react-tsparticles | 7,570 | 11 days ago | A lightweight component to easily create interactive particles animations |
react-motion | 21,679 | 9 months ago | A spring that solves your animation problems |
react-mt-svg-lines | 360 | over 5 years ago | Wrapper to animate the line stroke in SVGs |
react-router-transition | 2,594 | over 3 years ago | Transitions built for react-router, powered by react-motion |
react-spring | 28,075 | 5 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,597 | 4 days ago | An animation and gesture library |
react-spark-scroll | 358 | 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 | 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 | 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 | 68 | 3 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 | 19 days ago | - The easiest way to get a parallax effect with React and JavaScript on images |
react-parallax-tilt | 976 | 8 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 | 9 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,808 | 1 day ago | - A design system built by IBM |
cdbreact | 51 | 6 months ago | - - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps |
chakra-ui | 37,592 | 5 days ago | - Simple, Modular & Accessible UI Components for your React Applications |
ChatUI | 2,635 | 10 months ago | - The UI design language and React library for Conversational UI |
CoreUI for React | 673 | 20 days ago | - Open Source UI components library |
evergreen | 12,385 | 3 months ago | - Evergreen React UI Framework by Segment |
fluentui | 18,364 | 8 days ago | UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior |
geist-ui | 4,322 | 3 months ago | Modern and minimalist React UI library |
gestalt | 4,242 | 4 days ago | - A set of components that supports Pinterestβs design language |
grommet | 8,332 | 5 days ago | The most advanced UX framework for enterprise applications |
Mantine | 26,375 | 9 days ago | - A fully featured library with 100+ hooks and components with native dark theme support |
orbit | 1,390 | 3 days ago | Components for building travel oriented projects |
flowbite-react | 1,862 | 11 days ago | Open-source UI component library based on React, Tailwind CSS, and Flowbite |
primereact | 6,727 | 4 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,374 | 8 days ago | Bootstrap components built with React |
react-foundation | 601 | over 1 year ago | Foundation as React components |
reakit | 7,819 | 4 days ago | Toolkit for building accessible rich web apps |
searchkit | 4,761 | 2 months ago | React UI components / widgets. The easiest way to build a great search experience with Elasticsearch |
semantic-ui-react | 13,211 | 3 months ago | The official Semantic-UI-React integration |
semi-design | 8,373 | 4 days ago | - A modern, comprehensive, flexible design system |
shadcn/ui | 71,431 | 5 days ago | - - Beautifully designed components that you can copy and paste into your apps |
shineout | 918 | 18 days ago | - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc |
Material UI | 93,580 | 1 day 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,382 | over 1 year ago | Material design for react, powered by materializecss |
react-toolbox | 8,657 | almost 3 years ago | A set of React components implementing Google's Material Design |
mdbootstrap | 1,412 | 26 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,826 | 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,675 | 5 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 | 758 | almost 2 years ago | - A beautiful and modern React design system. Freemium |
aframe-react | 1,420 | 4 months ago | Build virtual reality experiences with A-Frame and React |
react-admin | 24,859 | 4 days ago | Build admin user experiences on top of REST and GraphQL services |
refine | 27,837 | 4 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,317 | 4 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,032 | about 1 month ago | React implementation of the Intersection Observer API |
react-visibility-sensor | 2,321 | 6 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 | 230 | 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 | 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,944 | 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,151 | 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 | about 1 month 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 |