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 7.5 TypeScript

  The Select Component for React.js

Appwrite - The open-source backend cloud platform

The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

Promo appwrite.io



• sortablejs

  9.8 0.0 JavaScript

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

• react-beautiful-dnd

  9.8 4.6 JavaScript

  Beautiful and accessible drag and drop for lists with React
  

• slate

  9.8 9.0 TypeScript

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

• Plyr

  9.7 7.5 L5 JavaScript

  A simple HTML5, YouTube and Vimeo player

• draft-js

  9.7 8.2 L3 JavaScript

  A React framework for building text editors.
  

• react-virtualized

  9.7 0.0 JavaScript

  React components for efficiently rendering large lists and tabular data

• react-table

  9.7 8.4 TypeScript

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

• tiptap

  9.6 9.5 TypeScript

  The headless editor framework for web artisans.
  

• recharts

  9.6 9.0 L3 TypeScript

  Redefined chart library built with React and D3
  

• Mantine

  9.6 9.8 TypeScript

  A fully featured React components library
  

• react-dnd

  9.6 4.8 TypeScript

  Drag and Drop for React
  

• sweetalert2

  9.5 9.0 L1 JavaScript

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

• TinyMCE

  9.4 9.5 L4 TypeScript

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

• react-vis

  9.4 2.9 JavaScript

  Data Visualization Components
  

• react-dates

  9.3 0.0 JavaScript

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

• react-window

  9.3 5.7 JavaScript

  React components for efficiently rendering large lists and tabular data

• AG Grid

  9.2 10.0 TypeScript

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

• downshift 🏎

  9.2 8.0 JavaScript

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

• react-color

  9.2 0.0 JavaScript

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

• react-map-gl

  9.2 8.2 TypeScript

  React friendly API wrapper around MapboxGL JS
  

• react-slick

  9.2 7.1 JavaScript

  React carousel component

• react-content-loader

  9.2 4.9 TypeScript

  ⚪ SVG-Powered component to easily create skeleton loadings.

• react-markdown

  9.1 7.3 JavaScript

  Markdown component for React
  

• react-icons

  9.1 8.0 TypeScript

  svg react icons of popular icon packs
  

• victory

  9.1 6.5 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-dropzone

  9.1 0.0 JavaScript

  Simple HTML5 drag-drop zone with React.js.
  

• react-toastify

  9.1 7.3 TypeScript

  React notification made easy 🚀 !

• react-big-calendar

  9.1 8.0 JavaScript

  gcal/outlook like calendar component

• 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-data-grid

  9.0 8.9 TypeScript

  Feature-rich and customizable data grid React component
  

• react-draggable

  9.0 0.0 JavaScript

  React draggable component
  

• react-player

  9.0 7.7 JavaScript

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

• react-chartjs-2

  8.9 7.2 TypeScript

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

• react-text-mask

  8.9 4.7 JavaScript

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

• react-modal

  8.9 3.9 JavaScript

  Accessible modal dialog component for React
  

• react-pdf

  8.9 9.4 TypeScript

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

• react-hot-toast

  8.8 5.8 TypeScript

  Smoking Hot React Notifications 🔥

• react-draft-wysiwyg

  8.8 4.4 JavaScript

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

• lightGallery

  8.8 0.0 TypeScript

  A customizable, modular, responsive, lightbox gallery plugin.

• react-day-picker

  8.7 9.2 TypeScript

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

• react-quill

  8.7 0.0 JavaScript

  A Quill component for React.

• google-map-react

  8.7 6.2 JavaScript

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

• react-joyride

  8.7 6.7 JavaScript

  Create guided tours in your apps

• react-autosuggest

  8.7 0.0 JavaScript

  WAI-ARIA compliant React autosuggest component

• react-lazyload

  8.7 0.0 JavaScript

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

• react-leaflet

  8.6 5.0 TypeScript

  React components for Leaflet maps

• react-burger-menu

  8.6 4.6 JavaScript

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

• fixed-data-table

  8.5 0.0 JavaScript

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

• material-table

  8.5 5.3 JavaScript

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

• react-konva

  8.5 6.5 L4 TypeScript

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

• react-scroll

  8.4 5.5 JavaScript

  React scroll component

• react-ace

  8.4 5.6 JavaScript

  React Ace Component

• react-swipeable-views

  8.4 0.0 JavaScript

  A React component for swipeable views. :snowflake:

• #<Sawyer::Resource:0x00007f0920b5de40>

  8.3 8.4 TypeScript

  The most powerful virtual list component for React

• 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 X Data grid

  8.3 9.8 TypeScript

  MUI X: Build data-rich applications using a growing list of advanced React components.
  

• react-image-gallery

  8.3 7.8 JavaScript

  React carousel image gallery component with thumbnail support 🖼

• mui-datatables

  8.2 3.2 JavaScript

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

• keen-slider

  8.2 7.0 TypeScript

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

• rc-slider

  8.2 7.0 JavaScript

  React Slider
  

• typography

  8.1 5.7 JavaScript

  A powerful toolkit for building websites with beautiful design

• notistack

  8.1 6.8 TypeScript

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

• react-custom-scrollbars

  8.1 0.0 JavaScript

  React scrollbars component

• nuka-carousel

  8.1 7.3 TypeScript

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

• 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 9.4 TypeScript

  React Tooltip Component
  

• react-image-crop

  8.1 6.5 TypeScript

  A responsive image cropping tool for React

• react-tabs

  8.0 9.2 JavaScript

  An accessible and easy tab component for ReactJS.
  

• react-syntax-highlighter

  8.0 0.0 JavaScript

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

• react-resizable-and-movable

  8.0 5.8 TypeScript

  🖱 A resizable and draggable component for React.

• react-bootstrap-table

  8.0 0.0 JavaScript

  A Bootstrap table built with React.js

• react-mosaic

  8.0 0.0 TypeScript

  A React tiling window manager

• react-music

  7.9 0.0 JavaScript

  Make beats with React!
  

• react-split-pane

  7.9 4.4 JavaScript

  React split-pane component

• pigeon-maps

  7.9 0.0 TypeScript

  ReactJS Maps without external dependencies

• react-date-range

  7.9 0.0 JavaScript

  A React component for choosing dates and date ranges.
  

• react-paginate

  7.9 6.5 JavaScript

  A ReactJS component that creates a pagination

• react-datetime

  7.9 0.0 JavaScript

  A lightweight but complete datetime picker react component.

• react-responsive-carousel

  7.9 0.0 TypeScript

  React.js Responsive Carousel (with Swipe)

• tagify

  7.9 7.6 HTML

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

• griddle-react

  7.8 0.0 JavaScript

  Simple Grid Component written in React
  

• video-react

  7.8 4.1 L4 JavaScript

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

• react-sticky

  7.8 0.0 JavaScript

  <Sticky /> component for awesome React apps
  

• 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-images

  7.7 0.0 JavaScript

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

• Glide Data Grid

  7.7 7.6 TypeScript

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

• react-widgets

  7.7 4.8 TypeScript

  Polished, feature rich, accessible form inputs built with React

• react-spinners

  7.7 7.0 TypeScript

  A collection of loading spinner components for react

• react-sparklines

  7.7 0.0 JavaScript

  Beautiful and expressive Sparklines React component

• react-mentions

  7.7 7.4 JavaScript

  @mention people in a textarea
  

• react-notification-system

  7.6 0.0 JavaScript

  A complete and totally customizable component for notifications in React

• react-simple-chatbot

  7.6 0.0 JavaScript

  :speech_balloon: Easy way to create conversation chats

• DevExtreme React Grid

  7.6 7.2 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-avatar-editor

  7.6 4.9 TypeScript

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

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

Free Global Payroll designed for tech teams sponsored try.revelo.com

Popular Comparisons

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

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