React UI Components

100 UI Components libraries and projects

• Swiper

  9.9 8.6 L4 JavaScript

  Most modern mobile touch slider with hardware accelerated transitions
  

• Plyr

  9.8 3.4 L5 JavaScript

  A simple HTML5, YouTube and Vimeo player
  

Civic Auth - Auth in Less Than 5 Minutes

Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

Promo www.civic.com



• sortablejs

  9.8 5.9 JavaScript

  Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
  

• slate

  9.8 8.5 TypeScript

  A completely customizable framework for building rich text editors. (Currently in beta.)
  

• react-beautiful-dnd

  9.8 3.0 JavaScript

  Beautiful and accessible drag and drop for lists with React
  

• react-select

  9.8 6.0 TypeScript

  The Select Component for React.js
  

• Mantine

  9.7 9.9 TypeScript

  A fully featured React components library
  

• draft-js

  9.7 8.2 L3 JavaScript

  DISCONTINUED. A React framework for building text editors.
  

• react-table

  9.7 8.7 TypeScript

  🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
  

• tiptap

  9.7 9.7 TypeScript

  The headless rich text editor framework for web artisans.
  

• react-virtualized

  9.7 5.0 JavaScript

  React components for efficiently rendering large lists and tabular data
  

• react-dnd

  9.6 2.2 TypeScript

  Drag and Drop for React
  

• recharts

  9.6 9.8 L3 TypeScript

  Redefined chart library built with React and D3
  

• TinyMCE

  9.5 9.7 L4 TypeScript

  The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
  

• sweetalert2

  9.5 9.0 L1 JavaScript

  ✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. 🇺🇦🇪🇺
  

• react-vis

  9.4 2.9 JavaScript

  DISCONTINUED. Data Visualization Components
  

• AG Grid

  9.4 10.0 TypeScript

  The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
  

• react-window

  9.4 4.0 JavaScript

  React components for efficiently rendering large lists and tabular data
  

• react-markdown

  9.3 8.1 JavaScript

  Markdown component for React
  

• react-slick

  9.3 6.9 JavaScript

  React carousel component
  

• react-map-gl

  9.3 8.4 TypeScript

  React friendly API wrapper around MapboxGL JS
  

• react-content-loader

  9.2 4.3 TypeScript

  ⚪ SVG-Powered component to easily create skeleton loadings.
  

• downshift 🏎

  9.2 3.8 JavaScript

  🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
  

• dnd-kit

  9.2 6.5 TypeScript

  The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
  

• react-color

  9.2 0.0 JavaScript

  :art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
  

• react-toastify

  9.2 8.3 TypeScript

  React notification made easy 🚀 !
  

• react-dates

  9.2 0.0 JavaScript

  An easily internationalizable, mobile-friendly datepicker library for the web
  

• victory

  9.1 9.0 TypeScript

  A collection of composable React components for building interactive data visualizations
  

• react-sortable-hoc

  9.1 0.0 JavaScript

  A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
  

• react-dropzone

  9.1 7.7 JavaScript

  Simple HTML5 drag-drop zone with React.js.
  

• react-big-calendar

  9.1 8.1 JavaScript

  gcal/outlook like calendar component
  

• react-datepicker

  9.1 9.8 TypeScript

  A simple and reusable datepicker component for React
  

• react-icons

  9.1 7.4 TypeScript

  svg react icons of popular icon packs
  

• react-draggable

  9.0 3.6 JavaScript

  React draggable component
  

• react-chartjs-2

  9.0 7.8 TypeScript

  React components for Chart.js, the most popular charting library
  

• react-player

  9.0 1.7 JavaScript

  A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
  

• react-data-grid

  9.0 9.0 TypeScript

  Feature-rich and customizable data grid React component
  

• react-pdf

  9.0 8.7 TypeScript

  Display PDFs in your React app as easily as if they were images.
  

• react-hot-toast

  8.9 7.6 TypeScript

  Smoking Hot React Notifications 🔥
  

• lightGallery

  8.8 6.6 TypeScript

  A customizable, modular, responsive, lightbox gallery plugin.
  

• react-modal

  8.8 4.5 JavaScript

  Accessible modal dialog component for React
  

• react-draft-wysiwyg

  8.8 2.5 JavaScript

  A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
  

• react-text-mask

  8.8 3.0 JavaScript

  Input mask for React, Angular, Ember, Vue, & plain JavaScript
  

• google-map-react

  8.7 2.4 JavaScript

  Google map library for react that allows rendering components as markers :tada:
  

• react-day-picker

  8.7 9.7 TypeScript

  DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.
  

• react-joyride

  8.7 7.8 TypeScript

  Create guided tours in your apps
  

• react-quill

  8.7 2.4 JavaScript

  A Quill component for React.
  

• react-leaflet

  8.6 5.3 TypeScript

  React components for Leaflet maps
  

• react-konva

  8.6 7.3 L4 TypeScript

  React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.
  

• react-autosuggest

  8.6 2.0 JavaScript

  WAI-ARIA compliant React autosuggest component
  

• MUI X Data grid

  8.6 10.0 TypeScript

  MUI X is a collection of advanced React UI components for complex use cases. Use the native integration with Material UI or extend your design system. They feature state-of-the-art functionality and complex UX workflows for data-rich applications and support a wide range of use cases. MUI X is open core—base components are MIT-licensed, while more advanced features require a Pro or Premium commercial license. Components: - Data Grid - Date and Time Pickers - Charts - Tree View
  

• react-lazyload

  8.6 2.5 JavaScript

  Lazy load your component, image or anything matters the performance.
  

• fixed-data-table

  8.5 0.0 JavaScript

  DISCONTINUED. A React table component designed to allow presenting thousands of rows of data.
  

• #<Sawyer::Resource:0x00007f0920b5de40>

  8.5 8.7 TypeScript

  The most powerful virtual list component for React
  

• react-burger-menu

  8.5 2.8 JavaScript

  :hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations
  

• material-table

  8.4 2.3 JavaScript

  Datatable for React based on material-ui's table with additional features
  

• imaskjs

  8.4 7.6 TypeScript

  vanilla javascript input mask
  

• react-ace

  8.3 7.8 TypeScript

  React Ace Component
  

• keen-slider

  8.3 3.8 TypeScript

  The HTML touch slider carousel with the most native feeling you will get.
  

• react-scroll

  8.3 4.8 JavaScript

  React scroll component
  

• react-image-gallery

  8.3 5.6 JavaScript

  React carousel image gallery component with thumbnail support 🖼
  

• react-swipeable-views

  8.3 0.0 JavaScript

  A React component for swipeable views. :snowflake:
  

• react-syntax-highlighter

  8.2 6.1 JavaScript

  syntax highlighting component for react with prismjs or highlightjs ast using inline styles
  

• react-tooltip

  8.2 6.3 TypeScript

  React Tooltip Component
  

• react-infinite-calendar

  8.2 0.0 JavaScript

  ✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.
  

• Glide Data Grid

  8.2 3.4 TypeScript

  🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
  

• react-mosaic

  8.2 3.4 TypeScript

  A React tiling window manager
  

• mui-datatables

  8.1 0.0 JavaScript

  Datatables for React using Material-UI
  

• react-image-crop

  8.1 5.1 TypeScript

  A responsive image cropping tool for React
  

• @monaco-editor/react

  8.1 7.3 TypeScript

  Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins
  

• react-infinite

  8.1 0.0 JavaScript

  DISCONTINUED. A browser-ready efficient scrolling container based on UITableView.

• react-chartjs

  8.1 0.0 JavaScript

  DISCONTINUED. Common react charting components using chart.js.

• react-resizable-and-movable

  8.1 6.2 TypeScript

  🖱 A resizable and draggable component for React.
  

• tagify

  8.1 8.9 HTML

  🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue
  

• rc-slider

  8.1 7.2 TypeScript

  React Slider
  

• react-split-pane

  8.0 2.6 JavaScript

  React split-pane component
  

• notistack

  8.0 4.6 TypeScript

  Highly customizable notification snackbars (toasts) that can be stacked on top of each other
  

• nuka-carousel

  8.0 7.9 TypeScript

  Small, fast, and accessibility-first React carousel library with an easily customizable UI and behavior to fit your brand and site.
  

• typography

  8.0 4.1 JavaScript

  A powerful toolkit for building websites with beautiful design
  

• react-custom-scrollbars

  8.0 0.0 JavaScript

  React scrollbars component
  

• react-paginate

  7.9 4.0 JavaScript

  A ReactJS component that creates a pagination
  

• react-tabs

  7.9 9.3 JavaScript

  An accessible and easy tab component for ReactJS.
  

• react-music

  7.9 0.0 JavaScript

  DISCONTINUED. Make beats with React!
  

• react-bootstrap-table

  7.9 0.0 JavaScript

  A Bootstrap table built with React.js
  

• react-date-range

  7.9 5.6 JavaScript

  A React component for choosing dates and date ranges.
  

• react-responsive-carousel

  7.9 0.0 TypeScript

  React.js Responsive Carousel (with Swipe)
  

• pigeon-maps

  7.8 6.2 TypeScript

  ReactJS Maps without external dependencies
  

• fortune-sheet

  7.8 9.1 TypeScript

  A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
  

• react-spinners

  7.8 7.0 TypeScript

  A collection of loading spinner components for react
  

• react-awesome-slider

  7.8 0.0 JavaScript

  React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
  

• react-datetime

  7.8 5.3 JavaScript

  A lightweight but complete datetime picker react component.
  

• react-mentions

  7.8 4.5 JavaScript

  @mention people in a textarea
  

• react-sticky

  7.7 0.0 JavaScript

  <Sticky /> component for awesome React apps
  

• react-colorful

  7.7 0.0 TypeScript

  🎨 A tiny (2,8 KB) color picker component for React and Preact apps
  

• remirror

  7.7 5.3 TypeScript

  ProseMirror toolkit for React 🎉
  

• video-react

  7.7 3.9 L4 JavaScript

  A web video player built for the HTML5 world using React library.
  

• react-arborist

  7.7 6.0 TypeScript

  The complete tree view component for React
  

• react-avatar-editor

  7.6 5.0 TypeScript

  Small avatar & profile picture component. Resize and crop uploaded images using a intuitive user interface.
  

• react-images

  7.6 0.0 JavaScript

  🌄 A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS
  

• react-trend

  7.6 0.0 JavaScript

  DISCONTINUED. Simple, elegant spark lines.

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

InfluxDB high-performance time series database

featured influxdata.com

Popular Comparisons

• react-dnd
  vs
  react-beautiful-dnd
• react-slick
  vs
  Swiper
• react-chartjs-2
  vs
  recharts
• material-table
  vs
  react-table
• react-hot-toast
  vs
  react-toastify

CodeRabbit: AI Code Reviews for Developers

featured coderabbit.ai