React UI Components

📻 Create custom web audio players with React

Audio player react component for material ui design

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

WAI-ARIA compliant React autosuggest component

Pure react-based typeahead and typeahead-tokenizer

gcal/outlook like calendar component

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

Ultimate calendar for your React app.

React.js Yearly Calendar Component

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

It's not art

Sketch Tool for React-based applications, backed up by FabricJS

Freehand vector drawing component for React using SVG as canvas 🖌️

React carousel component

A React component for swipeable views. ❄

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

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.js Responsive Carousel (with Swipe)

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.

A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles. If you're tired of fighting some other developer's CSS and DOM structure, this carousel is for you.

A library to use idangerous Swiper as a ReactJs component which allows Swiper's modules custom build

A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.

A pure extendable React carousel, powered by Brainhub (craftsmen who ❤️ JS)

Carousel 🎠 component supporting touch, mouse emulation, fullscreen, thumbnails, lazy loading, server side rendering, RTL, keyboard navigation and customisations.

🌄↔️ A slider component with pinch to zoom capabilities inspired by Instagram

React carousel component

A React component for FastComments

Beautiful and accessible drag and drop for lists with React

Drag and Drop for React

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

Simple HTML5 drag-drop zone with React.js.

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

React draggable component

Pluggable components to add a kanban board to your application

🔀 Drag and drop for your React lists and tables. Accessible. Tiny.

👌 Drag and drop so simple it hurts

✨ A sortable and resizable pane component for React.

"Drag to resize" (sizing) as React Component.

svg react icons of popular icon packs

SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)

Animated hamburger menu icons for React.js weighs only 1.5 KB.

Iconify icon component for React

A Free Set of Sketchy Illustrations provided by opendoodles

React components for efficiently rendering large lists and tabular data

React components for efficiently rendering large lists and tabular data

🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte

📜 A versatile infinite scroll React component.

A module used to arrange card elements including content infinitely on a grid layout.

A virtual-scrolling GridList component based on CSS Grids

A React component which renders a grid of elements.

Simulate normal scrolling by using only fixed number of DOM elements for large lists of items with React Hooks

Beautiful credit cards for your payment forms

A React Hook & Container to help with payment card input fields.

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

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

React Input Format & Mask, tiny (≈800b) component to transform any input component into formatted or masked input. Supports number, date, phone, currency, credit card, etc

Masked <input/> React component

React component for international phone number input

📞 Highly customizable phone input component with auto formatting

A numpad for number, date and time, built with and for React.

A fantastically simple tagging component for your projects

Highly customizable React component for inputing tags.

Tokeninput component for React

A simple tag input component for React with editable tags

Simple React time input field

⚪ SVG-Powered component to easily create skeleton loadings.

A collection of loading spinner components for react

A collection of loading indicators animated with CSS for React

A very simple, highly customisable youtube-like react loader component.

Amazing collection of React spinners components with pure css

Easy way to block the user from interacting with your UI.

Markdown component for React

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

A react lib for building circular menus in a very easy and handy way.

:art: Off-canvas menus for React.

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

Accessible modal dialog component for React

A fully accessible React modal built according WAI-ARIA Authoring Practices

A React modal with animations.

Official SweetAlert2 enhancer adding support for React elements as content

Simple responsive react modal

A react component for modals and dialogs

💭 Simple modal component for React.

A delightful modal dialog component for React, built from the ground up to support React Hooks.

The missing solution for managing modals in React.

A collection of dialog animations with React.js

📄 Create PDF files using React

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

A React component to view a PDF document

Set of React components for PDF annotation

Loading Bar (aka Progress Bar) for Redux and React

🌀 Simple react.js component for an inline progress indicator

Progress component for React and React Native

A <QRCode/> component for use with React.

Better radio buttons.

React scroll component

Search UI components for React and Vue

⚡️ Lightning-fast search for React and React Native applications, by Algolia.

The coolest searchbox for React.js!

Elegant, accessible search component for React.

⚪ SVG-Powered component to easily create skeleton loadings.

React Slider

Accessible, CSS agnostic, slider component for React.

🎚️Range input with a slider. Accessible. Bring your own styles and markup.

◾ React Compound Slider | A small React slider with no opinion on markup or styles

🎚 React beautiful input range slider

React button component. Awesome button is a 3D UI, progress, social and share enabled, animated at 60fps, light weight, performant, production ready react UI button component. 🖥️ 📱

Facebook components like a Login button, Like, Share, Chat, Comments, Page or Embedded Post

<Sticky /> component for awesome React apps

Hide your header until you need it

A performant and comprehensive React sticky component.

Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.

Elegant, accessible toggle component for React. Also a glorified checkbox.

React switch component https://clari.github.io/react-ios-switch

React multi toggle component

An accessible and easy tab component for ReactJS.

💃 Make your react tab dance🕺

👨‍💻 A component that renders a terminal

A simple time-ago component for ReactJs.

🕗 Simple and efficient react component to format date with `*** time ago` statement. eg: '3 hours ago'.

React Tooltip Component

Create guided tours in your apps

Drag-and-drop sortable component for nested data and hierarchies

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

Easy, light, flexible tree view made with React.

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

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

react.js powered YouTube player component

Dailymotion player component for React.