React UI Components

100 UI Components libraries and projects

• Swiper

  9.9 9.6 L4 JavaScript

  Most modern mobile touch slider with hardware accelerated transitions

• react-select

  9.8 9.4 TypeScript

  The Select Component for React.js

Build stunning web applications quickly using Syncfusion JavaScript UI controls.

The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.

Promo syncfusion.com



• react-beautiful-dnd

  9.8 7.2 JavaScript

  Beautiful and accessible drag and drop for lists with React
  

• slate

  9.8 9.7 TypeScript

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

• draft-js

  9.8 7.2 L3 JavaScript

  A React framework for building text editors.
  

• react-virtualized

  9.8 4.5 JavaScript

  React components for efficiently rendering large lists and tabular data

• sortablejs

  9.8 5.8 JavaScript

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

• Plyr

  9.7 7.9 L5 JavaScript

  A simple HTML5, YouTube and Vimeo player

• react-dnd

  9.6 8.3 TypeScript

  Drag and Drop for React
  

• recharts

  9.6 8.3 L3 TypeScript

  Redefined chart library built with React and D3
  

• react-table

  9.6 5.4 JavaScript

  ⚛️ Hooks for building fast and extendable tables and datagrids for React

• sweetalert2

  9.5 9.3 L1 JavaScript

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

• react-vis

  9.4 0.0 JavaScript

  Data Visualization Components
  

• react-dates

  9.4 3.3 JavaScript

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

• react-slick

  9.3 4.1 JavaScript

  React carousel component

• react-map-gl

  9.3 8.0 JavaScript

  React friendly API wrapper around MapboxGL JS
  

• react-sortable-hoc

  9.2 5.4 JavaScript

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

• downshift 🏎

  9.2 6.5 JavaScript

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

• react-content-loader

  9.2 5.9 TypeScript

  ⚪ SVG-Powered component to easily create skeleton loadings.

• react-color

  9.2 1.5 JavaScript

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

• react-window

  9.2 2.1 JavaScript

  React components for efficiently rendering large lists and tabular data

• react-dropzone

  9.1 5.2 JavaScript

  Simple HTML5 drag-drop zone with React.js.
  

• react-text-mask

  9.1 0.3 JavaScript

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

• react-datepicker

  9.1 9.6 JavaScript

  A simple and reusable datepicker component for React
  

• react-markdown

  9.1 8.1 JavaScript

  Markdown component for React
  

• victory

  9.1 9.6 JavaScript

  A collection of composable React components for building interactive data visualizations
  

• react-draggable

  9.0 5.4 JavaScript

  React draggable component
  

• react-data-grid

  9.0 9.4 TypeScript

  Feature-rich and customizable data grid React component
  

• react-toastify

  9.0 8.2 TypeScript

  React notification made easy 🚀 !

• react-big-calendar

  9.0 6.6 JavaScript

  gcal/outlook like calendar component

• react-draft-wysiwyg

  8.9 3.5 JavaScript

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

• react-icons

  8.9 4.9 TypeScript

  svg react icons of popular icon packs
  

• react-modal

  8.9 6.6 JavaScript

  Accessible modal dialog component for React
  

• react-player

  8.9 5.8 JavaScript

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

• react-autosuggest

  8.8 3.2 JavaScript

  WAI-ARIA compliant React autosuggest component

• lightGallery

  8.8 9.8 TypeScript

  A customizable, modular, responsive, lightbox gallery plugin.

• google-map-react

  8.8 4.2 JavaScript

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

• react-lazyload

  8.7 2.1 JavaScript

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

• react-pdf

  8.7 8.3 JavaScript

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

• react-chartjs-2

  8.7 6.6 JavaScript

  React wrapper for Chart.js 2.0 and 3.0, the most popular charting library 📊
  

• react-quill

  8.6 5.3 JavaScript

  A Quill component for React.

• fixed-data-table

  8.6 0.0 JavaScript

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

• react-burger-menu

  8.6 5.6 JavaScript

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

• react-joyride

  8.5 4.2 JavaScript

  Create guided tours in your apps

• material-table

  8.5 2.1 JavaScript

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

• react-day-picker

  8.5 9.5 TypeScript

  Reusable date picker component for React

• react-leaflet

  8.5 4.5 TypeScript

  React components for Leaflet maps

• react-swipeable-views

  8.5 4.1 JavaScript

  A React component for swipeable views. :snowflake:

• react-infinite-calendar

  8.4 0.0 JavaScript

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

• react-konva

  8.4 5.9 L4 JavaScript

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

• react-ace

  8.3 8.3 JavaScript

  React Ace Component

• typography

  8.3 4.3 JavaScript

  A powerful toolkit for building websites with beautiful design

• react-bootstrap-table

  8.3 0.0 JavaScript

  A Bootstrap table built with React.js

• react-scroll

  8.3 4.5 JavaScript

  React scroll component

• react-custom-scrollbars

  8.2 0.0 JavaScript

  React scrollbars component

• mui-datatables

  8.2 6.5 JavaScript

  Datatables for React using Material-UI - https://www.material-ui-datatables.com

• rc-slider

  8.2 6.0 TypeScript

  React Slider
  

• react-image-gallery

  8.2 8.0 JavaScript

  React carousel image gallery component with thumbnail support 🖼

• react-hot-toast

  8.2 8.5 TypeScript

  Smoking hot React Notifications 🔥

• react-datetime

  8.1 2.1 JavaScript

  A lightweight but complete datetime picker react component.

• react-infinite

  8.1 0.0 JavaScript

  A browser-ready efficient scrolling container based on UITableView.

• react-chartjs

  8.1 0.0 JavaScript

  Common react charting components using chart.js.

• griddle-react

  8.0 0.0 JavaScript

  Simple Grid Component written in React
  

• react-tabs

  8.0 9.6 JavaScript

  An accessible and easy tab component for ReactJS.
  

• pigeon-maps

  8.0 7.6 TypeScript

  ReactJS Maps without external dependencies

• react-image-crop

  8.0 6.8 TypeScript

  A responsive image cropping tool for React

• react-music

  8.0 0.0 JavaScript

  Make beats with React!
  

• react-tooltip

  8.0 5.7 JavaScript

  react tooltip component

• react-paginate

  7.9 5.8 JavaScript

  A ReactJS component that creates a pagination

• react-images

  7.9 4.7 JavaScript

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

• react-mosaic

  7.9 2.7 TypeScript

  A React tiling window manager

• react-split-pane

  7.9 3.0 JavaScript

  React split-pane component

• keen-slider

  7.9 6.3 JavaScript

  The HTML touch slider carousel with the most native feeling

• react-sticky

  7.9 0.0 JavaScript

  <Sticky /> component for awesome React apps
  

• react-notification-system

  7.8 0.0 JavaScript

  A complete and totally customizable component for notifications in React

• video-react

  7.8 0.0 L4 JavaScript

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

• react-date-range

  7.8 7.6 JavaScript

  A React component for choosing dates and date ranges.
  

• react-widgets

  7.8 7.1 TypeScript

  Polished, feature rich, accessible form inputs built with React

• react-resizable-and-movable

  7.8 7.5 TypeScript

  🖱 A resizable and draggable component for React.

• react-sparklines

  7.8 0.0 JavaScript

  Beautiful and expressive Sparklines React component

• notistack

  7.7 5.1 TypeScript

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

• react-awesome-slider

  7.7 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-responsive-carousel

  7.7 8.2 TypeScript

  React.js Responsive Carousel (with Swipe)

• rc-calendar

  7.6 0.6 JavaScript

  React Calendar
  

• react-trend

  7.6 0.0 JavaScript

  Simple, elegant spark lines.

• react-syntax-highlighter

  7.6 4.7 JavaScript

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

• react-credit-cards

  7.6 0.0 CSS

  Beautiful credit cards for your payment forms
  

• react-mapbox-gl

  7.5 2.4 TypeScript

  A React binding of mapbox-gl-js

• DevExtreme React Grid

  7.5 7.0 TypeScript

  Business React components for Bootstrap and Material-UI
  

• react-simple-chatbot

  7.5 0.0 JavaScript

  :speech_balloon: Easy way to create conversation chats

• react-avatar-editor

  7.5 4.2 JavaScript

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

• semiotic

  7.5 1.0 JavaScript

  A data visualization framework combining React & D3
  

• react-mentions

  7.4 5.1 JavaScript

  @mention people in a textarea
  

• react-treebeard

  7.4 0.0 JavaScript

  React Tree View Component. Data-Driven, Fast, Efficient and Customisable.
  

• react-list

  7.4 0.2 JavaScript

  :scroll: A versatile infinite scroll React component.

• react-toast-notifications

  7.4 5.0 JavaScript

  🍞 A toast notification system for react

• react-designer

  7.3 1.4 JavaScript

  It's not art
  

• react-input-mask

  7.3 0.0 JavaScript

  Input masking component for React. Made with attention to UX.

• react-photo-gallery

  7.3 0.0 JavaScript

  React Photo Gallery

• react-spinners

  7.3 8.0 TypeScript

  A collection of loading spinner components for react

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

Run Linux Software Faster and Safer than Linux with Unikernels sponsored github.com/nanovms

Popular Comparisons

• react-beautiful-dnd
  vs
  react-dnd
• react-dnd
  vs
  react-draggable
• react-select
  vs
  rc-select
• react-slick
  vs
  react-responsive-carousel
• react-select
  vs
  react-select-box

Scout APM: A developer's best friend. Try free for 14-days sponsored scoutapm.com