React UI Components

100 UI Components libraries and projects

• Swiper

  9.9 9.3 L4 JavaScript

  Most modern mobile touch slider with hardware accelerated transitions

• react-select

  9.8 9.4 TypeScript

  The Select Component for React.js

Appwrite - The Open Source Firebase alternative introduces iOS support

Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

Promo appwrite.io



• react-beautiful-dnd

  9.8 5.0 JavaScript

  Beautiful and accessible drag and drop for lists with React
  

• slate

  9.8 9.4 TypeScript

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

• sortablejs

  9.8 2.1 JavaScript

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

• react-virtualized

  9.8 2.1 JavaScript

  React components for efficiently rendering large lists and tabular data

• react-table

  9.7 9.8 TypeScript

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

• draft-js

  9.7 8.2 L3 JavaScript

  A React framework for building text editors.
  

• Plyr

  9.7 8.6 L5 JavaScript

  A simple HTML5, YouTube and Vimeo player

• react-dnd

  9.6 6.9 TypeScript

  Drag and Drop for React
  

• recharts

  9.6 9.0 L3 TypeScript

  Redefined chart library built with React and D3
  

• tiptap

  9.5 9.7 TypeScript

  The headless editor framework for web artisans.
  

• sweetalert2

  9.5 9.6 L1 JavaScript

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

• Mantine

  9.5 10.0 TypeScript

  React components library with native dark theme support
  

• react-vis

  9.4 2.9 JavaScript

  Data Visualization Components
  

• TinyMCE

  9.4 9.7 L4 TypeScript

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

• react-map-gl

  9.3 8.3 TypeScript

  React friendly API wrapper around MapboxGL JS
  

• react-slick

  9.3 4.6 JavaScript

  React carousel component

• react-window

  9.3 5.5 JavaScript

  React components for efficiently rendering large lists and tabular data

• react-dates

  9.3 0.0 JavaScript

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

• AG Grid

  9.2 10.0 TypeScript

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

• react-content-loader

  9.2 1.7 TypeScript

  ⚪ SVG-Powered component to easily create skeleton loadings.

• react-color

  9.2 0.0 JavaScript

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

• downshift 🏎

  9.2 7.8 JavaScript

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

• react-sortable-hoc

  9.2 3.6 JavaScript

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

• react-dropzone

  9.1 6.4 JavaScript

  Simple HTML5 drag-drop zone with React.js.
  

• react-toastify

  9.1 9.1 TypeScript

  React notification made easy 🚀 !

• react-markdown

  9.1 8.3 JavaScript

  Markdown component for React
  

• victory

  9.1 9.8 JavaScript

  A collection of composable React components for building interactive data visualizations
  

• react-datepicker

  9.1 9.4 JavaScript

  A simple and reusable datepicker component for React
  

• react-text-mask

  9.0 4.1 JavaScript

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

• react-data-grid

  9.0 9.2 TypeScript

  Feature-rich and customizable data grid React component
  

• react-big-calendar

  9.0 8.7 JavaScript

  gcal/outlook like calendar component

• react-icons

  9.0 8.9 TypeScript

  svg react icons of popular icon packs
  

• react-draggable

  9.0 4.0 JavaScript

  React draggable component
  

• react-modal

  8.9 6.6 JavaScript

  Accessible modal dialog component for React
  

• react-player

  8.9 7.5 JavaScript

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

• google-map-react

  8.8 7.2 JavaScript

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

• react-chartjs-2

  8.8 9.2 TypeScript

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

• react-pdf

  8.8 9.5 JavaScript

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

• react-draft-wysiwyg

  8.8 3.0 JavaScript

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

• lightGallery

  8.8 6.4 TypeScript

  A customizable, modular, responsive, lightbox gallery plugin.

• react-autosuggest

  8.7 0.0 JavaScript

  WAI-ARIA compliant React autosuggest component

• react-hot-toast

  8.7 8.5 TypeScript

  Smoking Hot React Notifications 🔥

• react-quill

  8.7 5.0 JavaScript

  A Quill component for React.

• react-lazyload

  8.7 0.0 JavaScript

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

• react-leaflet

  8.6 7.2 TypeScript

  React components for Leaflet maps

• react-joyride

  8.6 6.1 JavaScript

  Create guided tours in your apps

• react-burger-menu

  8.6 6.5 JavaScript

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

• react-day-picker

  8.6 9.4 TypeScript

  DayPicker is a customizable date picker component for React, with native TypeScript support.

• fixed-data-table

  8.5 0.0 JavaScript

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

• react-konva

  8.5 6.1 L4 TypeScript

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

• material-table

  8.5 1.4 JavaScript

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

• react-swipeable-views

  8.4 1.4 JavaScript

  A React component for swipeable views. :snowflake:

• react-ace

  8.4 9.4 JavaScript

  React Ace Component

• react-scroll

  8.4 6.7 JavaScript

  React scroll component

• react-infinite-calendar

  8.3 0.0 JavaScript

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

• mui-datatables

  8.3 5.4 JavaScript

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

• react-image-gallery

  8.3 4.1 JavaScript

  React carousel image gallery component with thumbnail support 🖼

• typography

  8.2 0.8 JavaScript

  A powerful toolkit for building websites with beautiful design

• react-custom-scrollbars

  8.2 0.0 JavaScript

  React scrollbars component

• nuka-carousel

  8.2 9.1 TypeScript

  Pure React Carousel Component
  

• rc-slider

  8.2 6.7 JavaScript

  React Slider
  

• keen-slider

  8.1 7.7 TypeScript

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

• react-image-crop

  8.1 8.1 TypeScript

  A responsive image cropping tool for React

• react-bootstrap-table

  8.1 0.0 JavaScript

  A Bootstrap table built with React.js

• react-chartjs

  8.1 0.0 JavaScript

  Common react charting components using chart.js.

• react-infinite

  8.1 0.0 JavaScript

  A browser-ready efficient scrolling container based on UITableView.

• react-tooltip

  8.1 8.7 JavaScript

  React Tooltip Component
  

• react-split-pane

  8.0 2.8 JavaScript

  React split-pane component

• react-resizable-and-movable

  8.0 7.6 TypeScript

  🖱 A resizable and draggable component for React.

• react-datetime

  8.0 2.6 JavaScript

  A lightweight but complete datetime picker react component.

• react-tabs

  8.0 9.6 JavaScript

  An accessible and easy tab component for ReactJS.
  

• react-mosaic

  8.0 7.3 TypeScript

  A React tiling window manager

• notistack

  8.0 7.2 TypeScript

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

• react-music

  7.9 0.0 JavaScript

  Make beats with React!
  

• react-date-range

  7.9 2.8 JavaScript

  A React component for choosing dates and date ranges.
  

• pigeon-maps

  7.9 3.4 TypeScript

  ReactJS Maps without external dependencies

• react-paginate

  7.9 7.4 JavaScript

  A ReactJS component that creates a pagination

• tagify

  7.9 9.3 HTML

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

• react-syntax-highlighter

  7.9 3.8 JavaScript

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

• react-responsive-carousel

  7.9 2.1 TypeScript

  React.js Responsive Carousel (with Swipe)

• griddle-react

  7.8 0.0 JavaScript

  Simple Grid Component written in React
  

• video-react

  7.8 0.0 L4 JavaScript

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

• MUI X Data grid

  7.8 9.9 TypeScript

  MUI X: Advanced and powerful React components for complex use-cases.
  

• react-sticky

  7.8 0.0 JavaScript

  <Sticky /> component for awesome React apps
  

• react-images

  7.8 0.0 JavaScript

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

• react-notification-system

  7.7 0.0 JavaScript

  A complete and totally customizable component for notifications in React

• react-widgets

  7.7 5.0 TypeScript

  Polished, feature rich, accessible form inputs built with React

• react-spinners

  7.7 9.2 TypeScript

  A collection of loading spinner components for react

• react-sparklines

  7.7 0.0 JavaScript

  Beautiful and expressive Sparklines React component

• react-credit-cards

  7.7 1.4 SCSS

  Beautiful credit cards for your payment forms
  

• react-mentions

  7.7 8.2 JavaScript

  @mention people in a textarea
  

• 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. 🖥️ 📱

• Glide Data Grid

  7.6 9.2 TypeScript

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

• react-avatar-editor

  7.6 7.9 TypeScript

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

• DevExtreme React Grid

  7.6 8.3 TypeScript

  Business React components for Bootstrap and Material-UI
  

• react-trend

  7.6 0.0 JavaScript

  Simple, elegant spark lines.

• react-mapbox-gl

  7.6 0.0 TypeScript

  A React binding of mapbox-gl-js

• react-simple-chatbot

  7.5 1.4 JavaScript

  :speech_balloon: Easy way to create conversation chats

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

Build time-series-based applications quickly and at scale. sponsored www.influxdata.com

Popular Comparisons

• react-dnd
  vs
  react-beautiful-dnd
• react-draggable
  vs
  react-dnd
• react-chartjs-2
  vs
  recharts
• react-table
  vs
  material-table
• rc-select
  vs
  react-select

Write Clean JavaScript Code. Always. sponsored www.sonarsource.com