Skip to content
73

Absolutely Awesome React Components & Libraries

Curated List of React Components & Libraries.

49k stars3,847 forks561 entriesLast push Jan 26, 2026 (8 months ago)License CC0-1.0

This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.

General

@petebray

, author of Fluxguard — monitor PROD website changes.

@brillout

, author of Vike — a fast Vite-based React framework that is flexible, lean, community-driven and dependable.

UI Components >Editable data grid / spreadsheet

AG Grid

Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.

In 3 lists

fortune-sheet

An online spreedsheet component that provides out-of-the-box features just like Excel.

gigatables-react

Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.

Handsontable

demo - docs - Data Grid with spreadsheet-like UI supporting React, Angular, TypeScript and JavaScript.

In 5 listsDetails

jqwidgets-react-grid

Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more.

MUI X Data grid

demo/docs - Fast and customizable data grid with advanced features for power users and complex use cases.

In 2 lists

react-data-grid

Excel-like grid.

In 2 lists

ReactGrid

demo/docs - Add spreadsheet-like behavior to your app

revo-grid

demo/docs - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization.

In 3 lists

SheetXL

A high-performance spreadsheet grid. TypeScript, ESM, Node/browser, Excel-compatible functions.

SVAR React DataGrid

demo - docs - React DataGrid with in-cell editing, tree data, context menu, virtual scrolling, etc.

UI Components >Table

ka-table

demo - Customizable table component with sorting, filtering, grouping, virtualization, editing etc.

In 2 lists

mantine-datatable

demo/docs - Lightweight table component for Mantine UI applications, with lots of features

material-table

demo/docs - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing

In 2 lists

mui-datatables

Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows.

react-data-table

demo/docs - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination

In 2 lists

TanStack Table

demo - Headless UI for building powerful tables & datagrids

In 2 lists

react-table-library

demo - React Table Library -- an almost headless table library -- for building better tables.

rsuite-table

demo/docs - A table component that supports virtualized.

In 2 lists

DevExtreme React Grid

High-performance plugin-based data grid for Bootstrap and Material Design.

In 2 lists

Smart React Grid

Fast and feature-complete data grid with Material Design.

simple-table

demo - docs - Lightweight, fast and feature rich. Sorting/filtering, virtualization, tree data, nested headers, pinned columns, customized styling etc.

In 2 lists

KendoReact Grid

Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more.

Material-React-Table

A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript

UI Components >Infinite Scroll

@egjs/react-infinitegrid

npm - demo - A module used to arrange card elements including content infinitely according to various layout types.

In 2 lists

react-lazyload

Lazyload your Component, Image or anything else where the performance matters.

react-list

A versatile infinite scroll React component.

@af-utils/virtual

demo/docs - Render large scrollable lists and grids.

react-window

demo - React components for efficiently rendering large lists and tabular data

In 2 lists

virtua

demo - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid.

In 4 listsDetails

UI Components >Overlay

react-aria-modal

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

react-modal

Accessible modal dialog component for React.

In 3 lists

@paratco/async-modal

Simple async modal handler for React.

reoverlay

demo - The missing solution for managing modals.

sweetalert2

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

In 4 listsDetails

sweetalert2-react-content

Official SweetAlert2 enhancer adding support for React elements as content

UI Components >Notification

react-notifications-component

demo - Highly customizable and easy-to-use component for notifications.

notistack

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

react-local-toast

demo - docs - show feedback linked to particular component instead of app-wide toasts.

react-toast

demo - docs - Minimal toast notifications.

react-toastify

demo - best bet out there at the moment. Hooks support. No refs.

In 2 lists

react-confirm-lite

demo - is a lightweight, promise-based confirmation dialog for React with built-in Tailwind CSS support. It’s designed to be as simple to use as react-toastify, while remaining fully customizable.

reapop

A React & Redux notifications system.

In 3 lists

react-hot-toast

demo - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default.

In 3 lists

Sonner

An opinionated toast component for React.

UI Components >Tooltip

react-tooltip

React tooltip component.

UI Components >Menu

hamburger-react

demo/docs - Animated hamburger menu icons for React.

react-burger-menu

An off-canvas sidebar with effects and styles.

react-offcanvas

Off-canvas menus for React.

react-planet

demo - Create circular menus which looks like planets.

In 2 lists

mantine-contextmenu

demo/docs - Context-menu hook/component for applications built with Mantine UI.

UI Components >Sticky

react-headroom

Hide your header until you need it.

react-stickynode

A performant and comprehensive React sticky.

UI Components >Tabs

react-tabs

React tabs component.

In 2 lists

react-tabtab

React, tabs.

UI Components >Loader

react-loader-spinner

Collection set of react-spinner for async operation.

react-redux-loading-bar

Simple Loading Bar for Redux and React.

react-spinners-css

Amazing collection of react spinners components.

In 2 lists

react-spinners

A collection of loading spinner components for react.

In 2 lists

react-content-loader

SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).

In 2 lists

UI Components >Captcha

react-simple-captcha

npm - demo - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS.

procaptcha

demo - docs - Privacy focused free CAPTCHA

@egjs/react-flicking

npm - demo - It's reliable, flexible and extendable carousel.

In 2 lists

react-awesome-slider

demo - Fullpage, 3D animated, 60fps media and content slider/carousel.

pure-react-carousel

Built from scratch and not highly opinionated.

react-id-swiper

A library to use idangerous Swiper as a ReactJs component

react-instagram-zoom-slider

demo - A slider component with pinch to zoom capabilities inspired by Instagram.

react-responsive-carousel

React.js Responsive Carousel (with Swipe).

react-slick

React carousel component.

In 4 lists

keen-slider

demo - Performant carousel/slider with native touch/swipe behavior.

In 2 lists

swiper

demo - docs - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

In 7 listsDetails

UI Components >Buttons

react-awesome-button

demo - 3D animated 60fps buttons with load progress and social share actions.

reactive-button

demo - docs - A beautiful animated button component with progress indicator.

UI Components >Collapse

react-accessible-accordion

Accessible Accordion component for React.

react-collapse

Component-wrapper for collapse animation with react-motion.

react-tabbordion

demo - Universal, semantic and CSS-only components for creating Accordions and Tabs.

UI Components >Chart

essential js 2 charts

Beautiful and interactive charts & graphs for react.

EazyChart

demo - docs - Easily transform data into meaningful charts

echarts for react

Wrapper around beautiful Apache Echarts

In 3 lists

jscharting-react

React chart component offering a complete set of chart types and engaging data visualizations with JSCharting.

react-chartist

React component for Chartist.js.

react-charty

demo - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming.

react-chartjs-2

Common react charting components using Chart.js 2.0.

In 2 lists

react-d3-components

D3 Components for React.

In 2 lists

react-google-charts

React-google-charts React component.

In 2 lists

react-highcharts

React-highcharts.

react-sparklines

Beautiful and expressive Sparklines React component.

react-timeseries-charts

Declarative timeseries charts.

react-vis

Data visualization library based on React and d3.

In 8 listsDetails

recharts

Redefined chart library built with React and D3.

In 7 listsDetails

rumble-charts

React components for building composable and flexible charts.

victory

Data viz for React.

In 5 listsDetails

semiotic

Semiotic is a data visualization framework for React.

SVAR React Gantt

demo - docs - Customizable, interactive Gantt chart component

DevExtreme React Chart

High-performance plugin-based chart for Bootstrap and Material Design.

In 4 lists

Smart React Chart

Feature complete Charting library.

react-muze

React wrapper for muze(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)

In 2 lists

Flowchart React

Flowchart & Flowchart designer for React.js.

react-dashboard

Isomorphic Dashboards.

In 2 lists

UI Components >Command palette

cmdk

Fast, composable, unstyled command menu for React.

kbar

demo - Fast, portable, and extensible cmd+k interface.

In 2 lists

UI Components >Tree

json-edit-react

demo - Highly configurable JSON/Object tree viewer and editor

In 2 lists

react-arborist

demo - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search

react-complex-tree

demo - docs - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search

In 2 lists

he-tree-react

demo - docs - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized.

UI Components >UI Navigation

react-scroll

React scroll component.

react-swipeable-views

A React Component for binded Tabs and Swipeable Views.

UI Components >Custom Scrollbar

rc-scrollbars

demo - Customizable scrollbars with flex options and 60FPS

react-custom-scroll

demo - Easily customize the browser scroll bar with native OS scroll behavior.

react-shadow-scroll

Component that customizes the image and inserts shadow when scrolling exists.

UI Components >Audio / Video

react-dailymotion

Dailymotion player component for React.

react-player

A react component for playing a variety of URLs, including YouTube.

In 2 lists

react-soundplayer

Create custom SoundCloud players with React.

react-youtube

React.js powered YouTube player component.

video-react

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

In 3 lists

material-ui-audio-player

Audio player for material ui design.

react-vision-camera

Camera component for React using getUserMedia. We can use this component for computer vision tasks like barcode scanning, text recognition, etc.

react-barcode-qrcode-scanner

Barcode and QR code scanner component for React. It uses react-vision-camera to access the camera and Dynamsoft Barcode Reader to read barcodes.

UI Components >Map

google-map-react

Universal google map react component, allows render react components on the google map.

mapkit

A library for integrating Apple Maps using MapKit JS, with annotations, overlays, and search.

pigeon-maps

demo - ReactJS Maps without external dependencies.

react-geosuggest

A React autosuggest for the Google Maps Places API.

react-leaflet

React components for Leaflet maps.

In 4 listsDetails

react-map-gl

A React wrapper for MapboxGL-js and overlay API.

In 3 lists

react-svg-map

demo - A set of components to display an interactive SVG map.

UI Components >Time / Date / Age

react-timeago

A simple time-ago component for ReactJs.

timeago-react

Format date with *** time ago statement. eg: '3 hours ago'.

react-google-flight-datepicker

Google flight date picker implemented in ReactJS.

UI Components >Photo / Image

lightGallery

demo - docs - Full-featured lightbox gallery component.

In 4 listsDetails

react-compare-image

demo - React component to compare two images using a slider.

react-image-gallery

Responsive image gallery, carousel, image slider react component.

In 2 lists

yet-another-react-lightbox

demo - docs - React lightbox component.

react-intense

A React component for viewing large images up close.

react-photo-album

demo - docs - Responsive React Photo Gallery.

react-svg-pan-zoom

A React component that adds pan and zoom features to SVG.

react-particle-image

demo - Render images as interactive particles.

react-imgix

Add fast, responsive images as an image, picture, or background!

@frameright/react-image-display-control

Define zoom regions for smart responsive images.

zoom-image

demo - docs - A little yet powerful framework agnostic library to zoom image on the web

react-infinite-gallery

Infinite-scroll image gallery component for React apps.

UI Components >Icons

iconify-react

Over 40k icons from 50+ icon sets, including all popular icon and emoji sets.

react-icons

Svg react icons of popular icon packs using ES6 imports.

react-open-doodles

Awesome free illustrations as react components.

react-icomoon

With react-icomoon you can easily use the icons you have selected or created in icomoon.

tabler-icons-react

A set of over 450 free MIT-licensed high-quality SVG icons.

Lucide

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

In 4 listsDetails

UI Components >Paginator

react-paginate

A ReactJS component that creates a pagination.

react-laravel-paginex

Laravel Pagination with ReactJS (customizable).

paginated

React render props & custom hook to build pagination.

react-steps

Demo - Responsive React Stepper.

UI Components >Markdown Viewer

react-markdown

Render Markdown as React components.

UI Components >Canvas

react-konva

React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework.

react-sketch

A Sketch tool for React based applications, backed-up by FabricJS

In 2 lists

react-sketch-canvas

Demo Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets

react-heat-map

A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.

UI Components >Screenshot

html2canvas

Take screenshots of any part of your web page using Javascript.

In 2 lists

UI Components >Miscellaneous

puck

demo - The self-hosted visual editor for React

react-advanced-news-ticker

demo - A flexible and animated vertical news ticker component

react-avatar-generator

Allows users to create random kaleidoscopes to be used as avatars.

react-awesome-query-builder

demo - Visual query builder from form fields, with SQL, MongoDB and JSON export

react-blur

React component for blurred backgrounds.

react-demo-tab

demo - A React component to easily create demos of other components.

fastcomments-react

demo - FastComments component for embedding a live comment thread on a page or SPA.

react-pdf-viewer

docs - A React component to view a PDF document.

react-simple-chatbot

demo - A simple chatbot component to create conversation chats.

react-file-reader-input

File input component for control for file reading styling and abstraction.

react-filter-control

The React filterbuilder component for building the filter criteria in the UI.

react-headings

Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO, no matter your component structure, while you keep full control of what's rendered.

react-joyride

Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.

react-mouse-select

Demo A component that allows selecting DOM elements by moving the mouse

react-resizable-and-movable

Resizable and movable component for React.

react-resizable-box

Resizable component for React. #reactjs.

react-searchbox-awesome

demo - Minimalistic searchbox.

react-split-pane

React split-pane component.

react-swipe-to-delete-ios

demo - To delete an item in a list the same way iOS does.

react-swipeable-list

demo - Configurable component to render list with swipeable items.

typography

A powerful toolkit for building websites with beautiful typography.

In 2 lists

react-pulse-text

demo/docs - Allows you to animate the text of any property of another component.

captcha-image

Allows you to generate a random captcha image with options.

react-pdf

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

In 2 lists

react-customizable-chat-bot

Demo - Build your own chatbot matching your brand needs in minutes.

@restpace/schema-form

Demo - Easily build complex forms automatically from a JSON Schema.

react-darkreader

A React Hook for adding a dark / night mode to your site inspired by darkreader.

In 2 lists

react-apple-signin-auth

Apple signin for React using the official Apple JS SDK.

react-mrz-scanner

A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer.

UI Components >Form Components

date-range-picker

demo - A calendar component that supports date, range & ranges picks.

react-big-calendar

Gcal/outlook like calendar component.

react-datepicker

A simple and reusable datepicker component for React.

In 4 lists

react-day-picker

Flexible date picker for React.

In 2 lists

react-flatpickr

Flatpickr for React.

react-simple-timefield

demo - Simple time input field.

react-timezone-select

demo - Dynamic, succinct timezone select. Based on react-select.

In 2 lists

DevExtreme React Scheduler

High-performance plugin-based scheduler/calendar for Material Design.

In 2 lists

jQWidgets Scheduler

Feature complete Scheduling library.

react-calendar

Ultimate calendar for your React app.

In 2 lists

react-date-picker

A date picker for your React app.

In 2 lists

schedule-x

Material design event calendar and date picker components. Demo site: https://schedule-x.dev/

In 5 listsDetails

interweave-emoji-picker

A React based emoji picker powered by Interweave and Emojibase.

react-credit-cards

Beautiful credit cards for your payment forms.

react-payment-inputs

demo - A zero-dependency container to help with payment card input fields.

react-input-mask

demo - Yet another react component for input masking.

@lunasec/react-sdk

docs - Secure, hardened form components that encrypt/tokenize all data automatically.

In 2 lists

react-numpad

demo - Extensible number pad control for numbers, dates and times.

react-multi-email

demo - Format multiple emails as the user types.

react-autosuggest

WAI-ARIA compliant React autosuggest component.

react-typeahead

Pure react-based typeahead and typeahead-tokenizer.

react-aria-menubutton

A fully accessible, easily themeable, React-powered menu button.

react-functional-select

demo - Micro-sized & micro-optimized select component for React.js.

react-mobile-picker

demo - An iOS like select box component.

react-select

A Select control built with and for React JS.

In 3 lists

react-column-select

A column select component built for react.

react-select-search

demo - A lightweight select component for React

coloreact

A tiny Color Picker for React.

react-color

Is a tiny color picker widget component for React apps.

react-colorful

A tiny (2,5 KB), dependency-free, fast and accessible color picker component.

react-input-color

React input color component with hsv color picker.

@anatoliygatt/heart-switch

demo - A fully themeable and accessible heart-shaped toggle switch component.

In 2 lists

react-ios-switch

React switch component.

react-toggle

An elegant, accessible toggle component for React. Also a glorified checkbox.

ui-switch

The most complete Toggle component

react-slider

Slider component for React.

react-radio-group

Better radio buttons.

react-autocomplete-input

Autocomplete input field for React.

react-mentions

Mention people in a textarea.

rich-textarea

A textarea to colorize, highlight, decorate texts and offer autocomplete.

In 2 lists

react-tag-input

A fantastically simple tagging component for your React projects.

react-tagsinput

A simple react component for inputing tags.

react-tokeninput

Tokeninput component for React.

tagify

demo & docs - Lightweight, efficient Tags input component.

In 2 lists

react-input-autosize

Auto-resizing input field for React.

react-autowidth-input

Highly configurable & extensible automatically sized input field built with hooks.

react-textarea-autosize

<textarea /> component for React which grows with content.

react-rating

demo - Zero-dependency, highly customizable rating component.

react-awesome-stars-rating

demo - The star rating component with accessibility.

react-star-rating-input

React.js component for entering 0-5 (or more) stars.

react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React

In 4 lists

react-dnd

Drag and Drop for React.

react-drag-sizing

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

react-draggable

React draggable component.

react-dragula

Drag and drop so simple it hurts.

react-dropzone

Simple HTML5 drag-drop zone with React.js.

react-movable

Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables.

In 2 lists

react-sortable-pane

Sortable and resizable pane component for React.

neodrag

Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same.

In 3 lists

react-anything-sortable

Sort any children with touch support and IE8 compatibility.

sortablejs

Lists reorderable by drag-and-drop, within and among lists.

In 3 lists

alloyeditor

WYSIWYG editor based on CKEditor with completely rewritten UI.

In 3 lists

ckeditor4-react

An official CKEditor 4 rich text editor wrapper.

In 2 lists

ckeditor5-react

An official CKEditor 5 rich text editor wrapper.

In 2 lists

draft-js

A React framework for building text editors.

In 2 lists

edtr-io

demo - docs - WYSIWYG in-line web editor with plugins.

In 2 lists

megadraft

Rich Text editor built on top of draft.js.

In 4 lists

react-ace

Ace (Advanced Code Editor) wraper.

In 3 lists

react-codemirror

demo - CodeMirror component for React.

In 2 lists

react-contenteditable

React component for a div with editable contents.

react-draft-wysiwyg

WYSIWYG editor build on top of DraftJS.

In 5 listsDetails

react-editor

Simple richtext editor that can insert images and HTML.

react-medium-editor

medium-editor wrapper.

react-monacoeditor

Monaco Editor component for React.

react-simple-code-editor

Simple no-frills code editor with syntax highlighting

react-quill

Quill wrapper.

In 2 lists

react-trumbowyg

Trumbowyg wrapper.

remirror

demo - docs - ProseMirror toolkit for React.

In 2 lists

slate

demo - docs - A completely customizable framework for building rich text editors.

In 5 lists

smartblock

demo - docs - Block based WYSIWYG editor based on ProseMirror.

In 2 lists

tiptap

demo - docs - The headless editor framework for web artisans.

In 3 lists

react-simplemde-editor

React component wrapper for EasyMDE (the most fresh SimpleMDE fork).

react-markdown-editor

A markdown editor using React/Reflux.

react-md-editor

A simple markdown editor with preview, implemented with React.js and TypeScript.

In 2 lists

react-avatar-editor

Facebook-like, avatar / profile picture component.

In 2 lists

react-avatar-generator

Allows users to create random kaleidoscopes to be used as avatars.

react-easy-crop

Component to crop/rotate images/videos with easy interactions. Touch friendly.

react-image-crop

A responsive image cropping tool for React.

In 2 lists

react-image-cropper

Image cropper.

react-advanced-cropper

A react cropper library to create the cropper exactly suited for your website design.

react-mobile-cropper

A ready-to-use image cropping library highly inspirited by popular Android croppers. Based on react-advanced-cropper.

formsy-material-ui

A Formsy compatibility wrapper for Material UI form components.

formsy-react-components

A set of React JS components for use in a formsy-react form.

react-input-enhancements

Set of enhancements for input control.

react-widgets

An à la carte set of polished, extensible, and accessible inputs.

In 2 lists

@anatoliygatt/numeric-stepper

demo - A fully themeable and accessible numeric stepper component.

react-designer

Easy to configure, lightweight, editable vector graphics in your react components.

react-upload-gallery

React for Upload Image Gallery. Drag & Drop, Sortable, Customize.

react-syntax-highlighter

Syntax highlighting component with Prismjs or Highlightjs AST using inline styles.

UI Layout

autoresponsive-react

Auto responsive grid layout library.

hedron

A no-frills flexbox grid system, powered by styled-components.

m-react-splitters

Splitter component, written in TypeScript.

muuri-react

demo - docs - Responsive, sortable, filterable and draggable grid layouts.

react-grid-layout

A draggable and resizable grid layout with responsive breakpoints, for React.

react-layman

demo - Dynamic tiling layout manager with tabs

react-masonry-component

Wrapper for @desandro's Masonry.

react-reflex

Flex layout container component for advanced React web applications.

In 2 lists

react-spaces

demo/docs - Nestable anchored, resizable, scrollable components.

In 2 lists

react-stonecutter

Animated grid layout component.

react-colrow

Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow.

react-schematic

demo - Build responsive layouts using styled schematics without an overhead of any theme configuration

UI Animation

data-driven-motion

Easily animate your data.

react-animatable

An animation library using Web Animations API.

react-anime

A super easy animation library.

react-flip-move

Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.

react-gsap-enhancer

Use the full power of React and GSAP together.

react-tsparticles

A lightweight component to easily create interactive particles animations

In 7 listsDetails

react-motion

A spring that solves your animation problems.

In 3 lists

react-mt-svg-lines

Wrapper to animate the line stroke in SVGs.

react-router-transition

Transitions built for react-router, powered by react-motion.

react-spring

A spring physics based animation library.

react-ts-typewriter

demo - Easy to use and customizable typewriter effect for any text.

framer-motion

An animation and gesture library.

In 3 lists

react-spark-scroll

Scroll-based actions and animations for react.

react-track

Track the position of DOM elements. Create cool animations.

react-transitive-number

Apply transition effect to numeric strings, a la old Groupon timers.

react-web-animation

React components for the Web Animations API -.

auto-size-transition

A component that scale dynamically according to the internal children size

react-particles-bg

Particles backgrounds.

In 3 lists

gooey-react

demo/docs - The gooey effect for React, used for shape blobbing / metaballs.

react-voodoo

demo/samples - Additive animation engine allowing complex android/iOs-like animations, rendering sliders on SSR, predictive inertia, multitouch, etc

UI Animation >Parallax

simple-parallax-js

demo - The easiest way to get a parallax effect with React and JavaScript on images

In 2 lists

react-parallax-tilt

demo - Easily apply parallax tilt hover effect on components.

In 4 listsDetails

UI Frameworks >Responsive

ant-design

demo/docs - A UI Design Language from China. Individual components available.

In 5 listsDetails

atlaskit

Atlassian's official UI library, with components from badge to tree table.

base web

Base Web is a foundation for initiating, evolving, and unifying web products.

In 3 lists

carbon

demo/docs - A design system built by IBM.

In 4 lists

cdbreact

demo - docs - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps.

chakra-ui

demo/docs - Simple, Modular & Accessible UI Components for your React Applications.

In 3 lists

ChatUI

demo/docs - The UI design language and React library for Conversational UI

In 2 lists

CoreUI for React

demo/docs - Open Source UI components library.

In 2 lists

evergreen

demo/docs - Evergreen React UI Framework by Segment.

In 3 lists

fluentui

UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.

In 5 listsDetails

gestalt

demo/docs - A set of components that supports Pinterest’s design language.

In 3 lists

grommet

The most advanced UX framework for enterprise applications.

In 4 lists

kokonut-ui

Free Modern and Customizable UI components.

In 2 lists

Mantine

demo/docs - A fully featured library with 100+ hooks and components with native dark theme support

In 3 lists

orbit

Components for building travel oriented projects.

In 2 lists

flowbite-react

Open-source UI component library based on React, Tailwind CSS, and Flowbite.

primereact

A complete UI Framework with 50+ components featuring material, bootstrap and custom themes.

In 2 lists

radix-ui

Unstyled, accessible components for building high‑quality design systems and web apps.

In 7 listsDetails

react-bootstrap

Bootstrap components built with React.

In 3 lists

react-foundation

Foundation as React components.

reakit

demo/docs Toolkit for building accessible rich web apps

In 4 lists

searchkit

React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.

In 3 lists

semantic-ui-react

The official Semantic-UI-React integration.

In 3 lists

semi-design

demo/docs - A modern, comprehensive, flexible design system.

In 2 lists

shadcn/ui

demo - docs - Beautifully designed components that you can copy and paste into your apps.

In 2 lists

shineout

demo - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc.

In 2 lists

Tremor

demo - docs - Open-source components to build charts and dashboards.

untitled-ui-react

demo - Beautifully crafted collection of components built with React Aria and Tailwind CSS.

Material UI

Full suite of components. Build your own design system, or start with Material Design.

In 5 listsDetails

Autocomplete

Accessible autocomplete, combobox, multiselect

Material Icons

1,000+ SVG material icons.

Modal

Accessible modal dialog component.

Slider

Accessible slider component.

Table

table with sorting, selecting, pagination, virtualized.

Tree View

Accessible tree view component for React.

react-essence

Essence - The Essential Material Design Framework.

react-materialize

Material design for react, powered by materializecss.

react-toolbox

A set of React components implementing Google's Material Design.

In 2 lists

mdbootstrap

React Bootstrap with Material Design

UI Frameworks >Mobile

antd-mobile

Configurable Mobile UI from China.

In 3 lists

Ionic React

Ionic Framework: easily build Android, Desktop and Progressive Web Apps with one code base.

OnsenUI

demo/docs - Mobile app framework with Material and flat (iOS) designs. Based on Web Components.

In 3 lists

UI Frameworks >Component Collections

blueprint

demo - docs - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications.

In 2 lists

dataminr-react-components

Collection of reusable React Components and utility functions.

shards-react

docs/demo - A beautiful and modern React design system. Freemium.

aframe-react

Build virtual reality experiences with A-Frame and React.

react-admin

Build admin user experiences on top of REST and GraphQL services.

In 4 listsDetails

refine

demo - docs - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit.

matrix-card

demo - Simplest possible component to generate matrix rain style cards.

rsuite

demo/docs - Suite of components for "enterprise system products".

In 2 lists

lens-ui

docs - A Suit of components focused on simplicity.

Tailwindadmin

docs - A collection of Ready-made ShadCN UI components you can directly plug into your React/Next.js projects.

In 3 lists

UI Utilities >Reporter

react-intersection-observer

React implementation of the Intersection Observer API.

In 4 lists

react-visibility-sensor

Sensor component.

react-waypoint

A React component to execute a function whenever you scroll to an element.

react-component-queries

Provide props to your Components based on their Width and/or Height.

react-container-dimensions

Wrapper component that detects element resize.

react-dimensions

React higher-order component to get dimensions of container.

react-height

Component-wrapper to determine and report children elements height.

react-measure

Compute measurements of a React component.

react-sizeme

Make your React Components aware of their width and height.

In 2 lists

UI Utilities >Device Input

react-hotkeys

Declarative hotkey and focus area management for React.

react-key-handler

React component to handle keyboard events.

react-keydown

Lightweight keydown wrapper for React components.

react-shortcuts

Manage keyboard shortcuts from one place.

useKeyCapture

A custom hook to ease the key-press listeners of a target/global.

In 2 lists

react-keyboard-navigator

A suite of React components and hook for selecting sibling components through the keyboard.

react-scroll-components

A set of components that react to page scrolling.

react-swipe

Swipe.js as a React component.

react-hook-mighty-mouse

demo - Hook that tracks mouse events on selected element.

In 2 lists

UI Utilities >Meta Tags

react-helmet-async

Thread-safe Helmet for React 16+ and friends

react-helmet

A document head manager for React.

In 2 lists

UI Utilities >Portal

react-layer-stack

Simple but ubiquitously powerful and agnostic layering system for React.

react-portal

React component for transportation of modals, lightboxes, loading bars... to document.body.

UI Utilities >Test User Behavior

react-experiments

React components for implementing UI experiments.

Code Design >Data Store

baobab-react

React integration for Baobab.

cerebral

A state controller with its own debugger.

effector-react

React bindings for effector, an effective multi-store state manager.

In 4 lists

fireproof

demo - docs Pure JS, zero dependency, CRDT database - runs in the browser and connects to any cloud or backend

RxDB

demo - docs A fast, local first, reactive Database for JavaScript Applications

In 3 lists

fluxible

A pluggable container for universal flux applications.

In 2 lists

kea

High level architecture for React apps.

react-i13n

A performant, scalable and pluggable approach to instrumenting your React application.

In 2 lists

react-redux

Official React bindings for Redux.

In 3 lists

redux-batched-actions

Reducer + action to reduce actions under a single subscriber notification.

redux

Predictable state container for JavaScript apps.

In 2 lists

reselect

Selector library for Redux.

In 3 lists

resourcerer

Declarative data-fetching framework for REST APIs

synergies

docs A performant and distributed context-state library for creating reusable React state logic by synergyzing atomar context pieces.

zustand

docs - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api.

In 2 lists

teaful

Tiny, easy and powerful React state management

In 2 lists

Code Design >Form Logic

data-driven-forms

A declarative way for building forms with all the functionality.

formik

Build forms without tears and supports Validation in ease.

In 4 listsDetails

formsy-react

A form input builder and validator for React JS.

Phormal

Docs & Demos - Responsive, multilingual forms with built-in validation, support for dark mode and right-to-left languages.

react-hook-form

React hooks for form validation without the hassle.

In 4 listsDetails

react-jsonschema-form

A React component for building Web forms from JSONSchema.

react-client-validation

Simple and super lightweight validation for React.

react-final-form

Subscription-based form state management

In 3 lists

react-formawesome

Complex library for creating awesome forms.

surveyjs

The advanced Survey and Form library

In 3 lists

Formily

High performance, extensible, and Typescript friendly

In 2 lists

hook-form-react

docs - A lightweight, dependency-free solution React hooks for form validation.

Code Design >Router

react-router-component

Declarative router component for React.

react-router-scroll

React Router scroll management.

react-router

A complete routing library for React.

redux-first-history

Redux First History - Redux history binding support react-router - @reach/router - wouter

In 2 lists

universal-router

A simple middleware-style router for isomorphic JavaScript web apps.

In 2 lists

wouter

A minimalist-friendly ~1.3KB routing library. Nothing else but hooks.

In 3 lists

tanstack-router

Type-safe router with built-in caching & URL state management

In 2 lists

Code Design >Props from server

react-refetch

A simple, declarative, and composable way to fetch data for React components.

In 2 lists

redux-connect

Provides decorator for resolving async props in react-router.

In 2 lists

axios-react

HTTP client component for React.

Code Design >Communication with server

apollo-client

A simple caching client for any GraphQL server and UI framework.

react-relay

Relay is a JavaScript framework for building data-driven React applications.

In 4 listsDetails

query

docs Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue.

In 6 listsDetails

Code Design >CSS / Style

aesthetic

A powerful type-safe, framework agnostic, CSS-in-JS library for styling components, whether it be plain objects, importing stylesheets, or simply referencing external class names.

aphrodite

It's inline styles, but they work!.

In 3 lists

inline-style-prefixer

Run-time Autoprefixer for Inline Style Objects.

@classmatejs/react

A class name focused component builder with a syntax like styled components and the sugar of cva's variants.

react-container-query

Modular responsive component.

react-responsive

Media queries in react for responsive design.

In 2 lists

reactponsive

Responsive components and hooks.

styled-components

Visual primitives for the component age.

In 5 listsDetails

stitches

CSS-in-JS with near-zero runtime, SSR, multi-variant support.

In 3 lists

Code Design >HTML Template

jsx-control-statements

Neater If and For for React JSX.

Code Design >Isomorphic Apps

hypernova

A service for server-side rendering your JavaScript views.

In 2 lists

isomorphic-style-loader

Isomorphic CSS style loader for Webpack.

In 2 lists

react-server

React framework with server render for blazing fast page load.

rill

Universal web application framework.

webpack-isomorphic-tools

Server-side rendering for your Webpack-built applications (e.g. React).

Code Design >Boilerplate

create-react-app

Create React apps with no build configuration.

In 2 lists

crisp-react

Express integration in TypeScript with support for multiple SPAs and pitfall avoidance.

cra-template-redux-auth-starter

A Redux auth starter boilerplate for CRA.

In 2 lists

electron-react-boilerplate

Live editing development on desktop app.

In 4 lists

elegant

docs - demo - A simple React framework for rapidly building beautiful and expressive web applications with Next.js, Tailwind CSS, and Markdown loading.

extensive-react-boilerplate

Boilerplate with Next.js, Auth (Sign in, Sign up, Reset password, Confirm email, Refresh Token), Material UI, React Hook Form, I18N, File uploads (support local and Amazon S3 drivers), Tests, CI.

generator-starhackit

Full-stack starter kit.

In 2 lists

nwb

CLI tool and devDependency for React apps & components and npm modules.

In 3 lists

nx

Next generation build system with first class monorepo support and powerful integrations.

In 2 lists

PBandJ

Zero-Config Reusable Component Framework.

react-hot-boilerplate

Minimal live-editing boilerplate for your next ReactJS project.

rockpack

Simple solution for creating React application with SSR, bundling, linting, testing within 5 minutes.

create-react-dependency

Create react dependencies with no build configuration.

phoenix

A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support.

react-enterprise-starter-kit

Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase.

Tailwindadmin

Free Shadcn Dashboard Template Built On React and Tailwind CSS comes with Multiple-framework support

In 2 lists

Code Design >Miscellaneous

react-inlinesvg

An SVG loader component for ReactJS.

react-godfather

A new way to write Functional Components, without Hooks.

react-vvm

A new approach to MVVM in React, to enforce clean separation of concerns, reduce boilerplate, and automatic re-render optimization for scalable UI logic.

react-call

Call your React components.

redux-auth-patch

Complete token authentication system for react + redux that supports isomorphic rendering.

redux-search

Redux bindings for client-side search.

In 2 lists

tcomb-react

Alternative syntax for PropTypes.

react-universal-hooks

tada: support react hooks everywhere (Functional or Class Component).

In 2 lists

Utilities

qrcode.react

A <QRCode/> component for use with React.

In 4 lists

<qr-code>

A no-dependencies, customizable, animate-able, SVG-based <qr-code> element.

In 3 lists

react-children-utilities

Extended utils for React.Children.

react-media

A CSS media query component for React.

In 2 lists

react-middle-ellipsis

demo - Truncate long strings in the middle instead of the end.

react-translate-component

Multi-lingual/localized text content.

Utilities >i18n

react-i18next

Internationalization for react done right. Using the i18next i18n ecosystem.

In 4 lists

react-intl

Internationalize React apps.

react-localized

Internationalization for React components based on gettext format.

react-translate-maker

Universal internationalization (i18n) open source library for React.

react-intl-universal

demo Internationalize React apps. Not only for React.Component but also for Vanilla JS.

@tolgee/react

docs – Web-based localization tool enabling users to translate directly in the React app they develop

In 4 listsDetails

js-lingui

docs – A readable, automated, and optimized (5 kb) internationalization for JavaScript.

In 3 lists

Utilities >Framework bindings / integrations

backbone-react-component

A bit of nifty glue that automatically plugs your Backbone models.

elm-react-component

A React component which wraps an Elm module to be used in a React application.

gl-react

OpenGL / WebGL bindings for React to implement complex effects over images and content.

react-backbone

Backbone-aware mixins for react and a whole lot more.

react-d3-library

Open source library for using D3 in React.

In 2 lists

react-elm-components

Write React components in Elm.

react-famous

React bridge to Famo.us.

react-localstorage

Simple componentized localstorage implementation for Facebook's React.

react-lottie-player

demo - Declarative lottie animation player.

react-on-rails

Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.

In 3 lists

react-three-renderer

Render into a three.js canvas using React.

react-threejs

Simplest bindings between React & Three.js

reactfire

ReactJS mixin for easy Firebase integration.

reactive-elements

Allows to use React.js component as HTML element (web component).

react-unity-webgl

Unity intergration with two-way communication using a built-in Event System.

Utilities >Integrations with Third Party Services

react-ga

React Google Analytics Module.

In 2 lists

react-google-analytics

Google analytics component.

react-google-autocomplete

Google Places API components and hooks.

react-recaptcha

A react.js reCAPTCHA for Google.

react-stripe-checkout

Load stripe's checkout.js as a react component. Easiest way to use checkout with React.

redux-segment

Segment.io analytics integration for redux.

react-slack-notification

Send messages and error logs to a Slack channel directly.

react-firebase-hooks

Hooks to integrate firebase in your application.

In 4 lists

Performance >UI

inferno

An extremely fast, React-like JavaScript library for building modern user interfaces.

react-fastclick

Fast Touch Events for React.

react-static-container

Renders static content efficiently.

react-perf-tool

Debug performance of your React application.

react-render-visualizer

Render visualizer for ReactJS.

react-infinite-grid

A React component which renders a grid of elements.

react-infinite

A browser-ready efficient scrolling container based on UITableView.

react-lazy-load

React component that renders children elements when they enter the viewport.

react-lazyload

Lazyload your Component, Image or anything else where the performance matters.

react-virtualized

React components for efficiently rendering large lists and tabular data.

In 3 lists

Performance >App Size

babel-plugin-transform-react-remove-prop-types

Remove unnecessary React propTypes.

react-lite

An implementation of React that optimizes for small script size.

In 2 lists

Performance >Server-Side Rendering

iSSR

The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.

react-esi

A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments

Dev Tools >Test

enzyme

JavaScript Testing utilities for React.

jest-cli

Painless JavaScript Testing.

In 6 listsDetails

react-unit

Lightweight unit test library for ReactJS.

redux-test-recorder

A redux middleware to automatically generate tests for reducers through ui interaction.

In 4 lists

rut

React testing made easy with react-test-renderer. Supports DOM and custom renderers.

unexpected-react

Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.

playwright

enables reliable end-to-end testing for modern web apps.

In 10 listsDetails

Dev Tools >Redux

redux-devtools-chart-monitor

A chart monitor for Redux DevTools.

In 2 lists

redux-devtools-dock-monitor

A resizable and movable dock for Redux DevTools monitors.

In 2 lists

redux-devtools-filterable-log-monitor

Filterable tree view monitor for Redux DevTools.

In 3 lists

redux-devtools-inspector

Another Redux DevTools Monitor.

In 3 lists

redux-devtools-log-monitor

The default monitor for Redux DevTools with a tree view.

In 2 lists

redux-devtools

DevTools for Redux with hot reloading, action replay, and customizable UI.

In 3 lists

remote-redux-devtools

Redux DevTools remotely.

In 3 lists

Dev Tools >Inspect

fluxguard

PROD change monitoring that highlights all DOM + design changes.

In 3 lists

react-inspector

Power of Browser DevTools inspectors right inside your React app.

reactotron

A CLI and OS X app for inspecting your React JS and React Native apps.

In 2 lists

Tail Lens

Tailwind editor in browser : Inspect, edit, preview, copy.

Dev Tools >Miscellaneous

component-controls

demo - docs - A next-generation tool to create blazing-fast documentation sites.

cosmos-js

DX tool for designing truly encapsulated React components.

react-demo-tab-cli

CLI tool for creating demos of react components.

react-styleguidist

React style guide generator.

standard-react

JavaScript Standard Style Guide.

In 5 listsDetails

Plasmic

Powerful design tool for building your React components visually.

In 2 lists

SimpleLocalize

Open source CLI tool for finding i18n keys in React projects.

In 6 listsDetails

react-device-frameset

React device frameset component.

In 2 lists

Miscellaneous

DataFormsJS JSX Loader

Small JavaScript Compiler for quickly converting JSX to JS directly on a web page.

In 5 listsDetails

html-to-react-components

Extract annotated portions of HTML into React components as separate modules.

htmltojsx

Automatically AJAXify plain HTML with the power of React. It's magic!.

jsonx

React JSON Syntax.

mozaik

Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.

In 2 lists

react-blessed

A react renderer for blessed.

jsondiffpatch-react

JSON diffing.

iron-session

Secure, stateless, and cookie-based session library.

Miscellaneous >Static Website Generator

gatsby

Transform plain text into dynamic blogs and websites using React.js.

In 10 listsDetails

Cloud Solutions >Databases

BCMS

API-based, open-source, self-hostable content management system for Gatsby, Nuxt and Next.

crisp-bigquery

Full stack Google BigQuery with Express in TypeScript.

react-server-routing-example

Universal client/server routing and data with AWS DynamoDB.

In 2 lists
See category
93

Awesome Vue

vuejs/awesome-vue

🎉 A curated list of awesome things related to Vue.js

Fresh★ 74k1067 entriesPushed 5 days ago
93

Awesome DESIGN.md

VoltAgent/awesome-design-md

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Fresh★ 119k74 entriesPushed 9 days ago
91

Awesome Angular

PatrickJS/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

Fresh★ 10k1944 entriesPushed today
90

Awesome Blazor

AdrienTorris/awesome-blazor

Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

Fresh★ 9.4k375 entriesPushed today
88

Must-Watch CSS

AllThingsSmitty/must-watch-css

CSS talks you have to see covering CSS Grid, flexbox, custom variables, performance, frameworks, tooling, and more! 📺

Fresh★ 4.9k70 entriesPushed 6 days ago
87

Awesome React Native

jondot/awesome-react-native

Awesome React Native components, news, tools, and learning material!

Fresh★ 36k194 entriesPushed 1 month ago