HomeWeb › Awesome React Components

Awesome React Components

by brillout · brillout/awesome-react-components

Curated list of React components and libraries.

★ 45k stars561 projects ⑂ 0 forks0 open issues
561 projects
@brillouttwitter.com

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

@petebraygithub.com

, author of Fluxguard — monitor PROD website changes.

Remove unnecessary React propTypes.

react-litegithub.com

An implementation of React that optimizes for small script size.

Audio player for material ui design.

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

Dailymotion player component for React.

react-playergithub.com

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

Create custom SoundCloud players with React.

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

react-youtubegithub.com

React.js powered YouTube player component.

video-reactgithub.com

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

WAI-ARIA compliant React autosuggest component.

react-typeaheadgithub.com

Pure react-based typeahead and typeahead-tokenizer.

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

Auto-resizing input field for React.

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

A Redux auth starter boilerplate for CRA.

Create React apps with no build configuration.

Create react dependencies with no build configuration.

crisp-reactgithub.com

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

Live editing development on desktop app.

elegantgithub.com

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

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.

Full-stack starter kit.

nwbgithub.com

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

nxnx.dev

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

PBandJgithub.com

Zero-Config Reusable Component Framework.

phoenixgithub.com

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

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

Minimal live-editing boilerplate for your next ReactJS project.

rockpackgithub.com

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

Tailwindadmintailwind-admin.com

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

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

reactive-buttongithub.com

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

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

aestheticgithub.com

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.

aphroditegithub.com

It's inline styles, but they work!.

Run-time Autoprefixer for Inline Style Objects.

Modular responsive component.

Media queries in react for responsive design.

reactponsivegithub.com

Responsive components and hooks.

stitchesgithub.com

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

Visual primitives for the component age.

react-heat-mapgithub.com

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

react-konvagithub.com

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

react-sketchgithub.com

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

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

procaptchagithub.com

demo - docs - Privacy focused free CAPTCHA

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

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

keen-slidergithub.com

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

Built from scratch and not highly opinionated.

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

react-id-swipergithub.com

A library to use idangerous Swiper as a ReactJs component

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

React.js Responsive Carousel (with Swipe).

react-slickgithub.com

React carousel component.

swipergithub.com

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

DevExtreme React Chartdevexpress.github.io

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

EazyChartgithub.com

demo - docs - Easily transform data into meaningful charts

Wrapper around beautiful Apache Echarts

Beautiful and interactive charts & graphs for react.

Flowchart Reactgithub.com

Flowchart & Flowchart designer for React.js.

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

react-chartistgithub.com

React component for Chartist.js.

react-chartjs-2github.com

Common react charting components using Chart.js 2.0.

react-chartygithub.com

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

D3 Components for React.

react-dashboardgithub.com

Isomorphic Dashboards.

React-google-charts React component.

React-highcharts.

react-muzegithub.com

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

Beautiful and expressive Sparklines React component.

Declarative timeseries charts.

react-visgithub.com

Data visualization library based on React and d3.

rechartsgithub.com

Redefined chart library built with React and D3.

rumble-chartsgithub.com

React components for building composable and flexible charts.

semioticsemiotic.nteract.io

Semiotic is a data visualization framework for React.

Smart React Charthtmlelements.com

Feature complete Charting library.

demo - docs - Customizable, interactive Gantt chart component

victorygithub.com

Data viz for React.

Accessible Accordion component for React.

react-collapsegithub.com

Component-wrapper for collapse animation with react-motion.

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

coloreactgithub.com

A tiny Color Picker for React.

react-colorgithub.com

Is a tiny color picker widget component for React apps.

react-colorfulgithub.com

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

React input color component with hsv color picker.

cmdkcmdk.paco.me

Fast, composable, unstyled command menu for React.

kbargithub.com

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

apollo-clientgithub.com

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

querygithub.com

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

react-relaygithub.com

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

aframe-reactgithub.com

Build virtual reality experiences with A-Frame and React.

blueprintgithub.com

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

Collection of reusable React Components and utility functions.

lens-uigithub.com

docs - A Suit of components focused on simplicity.

matrix-cardgithub.com

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

react-admingithub.com

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

refinegithub.com

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

rsuitegithub.com

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

shards-reactgithub.com

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

Tailwindadmingithub.com

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

rc-scrollbarsgithub.com

demo - Customizable scrollbars with flex options and 60FPS

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

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

baobab-reactgithub.com

React integration for Baobab.

cerebralgithub.com

A state controller with its own debugger.

effector-reactgithub.com

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

fireproofgithub.com

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

fluxiblegithub.com

A pluggable container for universal flux applications.

keagithub.com

High level architecture for React apps.

react-i13ngithub.com

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

react-reduxgithub.com

Official React bindings for Redux.

reduxgithub.com

Predictable state container for JavaScript apps.

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

reselectgithub.com

Selector library for Redux.

resourcerergithub.com

Declarative data-fetching framework for REST APIs

RxDBrxdb.info

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

synergiesgithub.com

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

teafulgithub.com

Tiny, easy and powerful React state management

zustandzustand.surge.sh

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

BCMSgithub.com

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

crisp-bigquerygithub.com

Full stack Google BigQuery with Express in TypeScript.

Universal client/server routing and data with AWS DynamoDB.

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

DevExtreme React Schedulerdevexpress.github.io

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

jQWidgets Schedulerjqwidgets.com

Feature complete Scheduling library.

Gcal/outlook like calendar component.

react-calendargithub.com

Ultimate calendar for your React app.

A date picker for your React app.

A simple and reusable datepicker component for React.

Flexible date picker for React.

react-flatpickrgithub.com

Flatpickr for React.

demo - Simple time input field.

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

schedule-xgithub.com

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

neodraggithub.com

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

Beautiful and accessible drag and drop for lists with React

react-dndgithub.com

Drag and Drop for React.

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

react-draggablegithub.com

React draggable component.

react-dragulagithub.com

Drag and drop so simple it hurts.

react-dropzonegithub.com

Simple HTML5 drag-drop zone with React.js.

react-movablegithub.com

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

Sortable and resizable pane component for React.

AG Gridgithub.com

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

fortune-sheetgithub.com

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

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

Handsontablegithub.com

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

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

MUI X Data gridgithub.com

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

react-data-gridgithub.com

Excel-like grid.

ReactGridgithub.com

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

revo-gridgithub.com

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

SheetXLgithub.com

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

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

A React based emoji picker powered by Interweave and Emojibase.

A Formsy compatibility wrapper for Material UI form components.

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

Set of enhancements for input control.

react-widgetsgithub.com

An &agrave; la carte set of polished, extensible, and accessible inputs.

A declarative way for building forms with all the functionality.

formikgithub.com

Build forms without tears and supports Validation in ease.

Formilygithub.com

High performance, extensible, and Typescript friendly

formsy-reactgithub.com

A form input builder and validator for React JS.

hook-form-reactgithub.com

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

Phormalgithub.com

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

Simple and super lightweight validation for React.

Subscription-based form state management

Complex library for creating awesome forms.

react-hook-formgithub.com

React hooks for form validation without the hassle.

A React component for building Web forms from JSONSchema.

surveyjsgithub.com

The advanced Survey and Form library

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

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

gl-reactgithub.com

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

react-backbonegithub.com

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

Open source library for using D3 in React.

Write React components in Elm.

react-famousgithub.com

React bridge to Famo.us.

Simple componentized localstorage implementation for Facebook&#39;s React.

demo - Declarative lottie animation player.

react-on-railsgithub.com

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

Render into a three.js canvas using React.

react-threejsgithub.com

Simplest bindings between React & Three.js

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

reactfiregithub.com

ReactJS mixin for easy Firebase integration.

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

Neater If and For for React JSX.

iconify-reactgithub.com

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

Lucidegithub.com

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

react-icomoongithub.com

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

react-iconsgithub.com

Svg react icons of popular icon packs using ES6 imports.

Awesome free illustrations as react components.

tabler-icons-reacttabler-icons-react.vercel.app

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

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

Facebook-like, avatar / profile picture component.

react-easy-cropgithub.com

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

A responsive image cropping tool for React.

Image cropper.

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

demo/docs - Render large scrollable lists and grids.

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

react-lazyloadgithub.com

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

react-listgithub.com

A versatile infinite scroll React component.

react-windowgithub.com

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

virtuagithub.com

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

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

Beautiful credit cards for your payment forms.

demo - Yet another react component for input masking.

demo - Format multiple emails as the user types.

react-numpadgithub.com

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

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

fluxguardfluxguard.com

PROD change monitoring that highlights all DOM + design changes.

react-inspectorgithub.com

Power of Browser DevTools inspectors right inside your React app.

react-perf-toolgithub.com

Debug performance of your React application.

Render visualizer for ReactJS.

reactotrongithub.com

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

Tail Lenstaillens.io

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

Hooks to integrate firebase in your application.

react-gagithub.com

React Google Analytics Module.

Google analytics component.

Google Places API components and hooks.

react-recaptchagithub.com

A react.js reCAPTCHA for Google.

Send messages and error logs to a Slack channel directly.

Load stripe&#39;s checkout.js as a react component. Easiest way to use checkout with React.

redux-segmentgithub.com

Segment.io analytics integration for redux.

hypernovagithub.com

A service for server-side rendering your JavaScript views.

Isomorphic CSS style loader for Webpack.

react-servergithub.com

React framework with server render for blazing fast page load.

rillgithub.com

Universal web application framework.

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

react-hotkeysgithub.com

Declarative hotkey and focus area management for React.

React component to handle keyboard events.

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

react-keydowngithub.com

Lightweight keydown wrapper for React components.

react-shortcutsgithub.com

Manage keyboard shortcuts from one place.

useKeyCapturegithub.com

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

react-infinitegithub.com

A browser-ready efficient scrolling container based on UITableView.

A React component which renders a grid of elements.

react-lazy-loadgithub.com

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

React components for efficiently rendering large lists and tabular data.

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

Collection set of react-spinner for async operation.

Simple Loading Bar for Redux and React.

react-spinnersgithub.com

A collection of loading spinner components for react.

Amazing collection of react spinners components.

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

mapkitgithub.com

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

pigeon-mapsgithub.com

demo - ReactJS Maps without external dependencies.

A React autosuggest for the Google Maps Places API.

react-leafletgithub.com

React components for Leaflet maps.

react-map-glgithub.com

A React wrapper for MapboxGL-js and overlay API.

react-svg-mapgithub.com

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

A markdown editor using React/Reflux.

react-md-editorgithub.com

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

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

react-markdowngithub.com

Render Markdown as React components.

Accessible autocomplete, combobox, multiselect

1,000+ SVG material icons.

Material UIgithub.com

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

mdbootstrapgithub.com

React Bootstrap with Material Design

Modalmui.com

Accessible modal dialog component.

react-essencegithub.com

Essence - The Essential Material Design Framework.

Material design for react, powered by materializecss.

react-toolboxgithub.com

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

Slidermui.com

Accessible slider component.

Tablemui.com

table with sorting, selecting, pagination, virtualized.

Tree Viewmui.com

Accessible tree view component for React.

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

Wrapper component that detects element resize.

React higher-order component to get dimensions of container.

react-heightgithub.com

Component-wrapper to determine and report children elements height.

react-measuregithub.com

Compute measurements of a React component.

react-sizemegithub.com

Make your React Components aware of their width and height.

hamburger-reactgithub.com

demo/docs - Animated hamburger menu icons for React.

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

An off-canvas sidebar with effects and styles.

react-offcanvasgithub.com

Off-canvas menus for React.

react-planetgithub.com

demo - Create circular menus which looks like planets.

react-helmetgithub.com

A document head manager for React.

Thread-safe Helmet for React 16+ and friends

demo - A fully themeable and accessible numeric stepper component.

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

captcha-imagegithub.com

Allows you to generate a random captcha image with options.

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

cosmos-jsgithub.com

DX tool for designing truly encapsulated React components.

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

demo-fastcomments-demo.html>) - FastComments component for embedding a live comment thread on a page or SPA.

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

htmltojsxgithub.com

Automatically AJAXify plain HTML with the power of React. It&#39;s magic!.

interweavegithub.com

React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.

iron-sessiongithub.com

Secure, stateless, and cookie-based session library.

JSON diffing.

jsonxgithub.com

React JSON Syntax.

mozaikgithub.com

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

Plasmicplasmic.app

Powerful design tool for building your React components visually.

puckgithub.com

demo - The self-hosted visual editor for React

demo - A flexible and animated vertical news ticker component

Apple signin for React using the official Apple JS SDK.

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

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

react-blessedgithub.com

A react renderer for blessed.

react-blurgithub.com

React component for blurred backgrounds.

react-callgithub.com

Call your React components.

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

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

react-demo-tabgithub.com

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

CLI tool for creating demos of react components.

react-designergithub.com

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

React device frameset component.

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

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

react-godfathergithub.com

A new way to write Functional Components, without Hooks.

react-headingsgithub.com

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-inlinesvggithub.com

An SVG loader component for ReactJS.

react-joyridegithub.com

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

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

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

react-pdfgithub.com

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

docs - A React component to view a PDF document.

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

Resizable and movable component for React.

Resizable component for React. #reactjs.

demo - Minimalistic searchbox.

demo - A simple chatbot component to create conversation chats.

React split-pane component.

React style guide generator.

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

demo - Configurable component to render list with swipeable items.

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

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

react-vvmgithub.com

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

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

redux-searchgithub.com

Redux bindings for client-side search.

SimpleLocalizegithub.com

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

standard-reactgithub.com

JavaScript Standard Style Guide.

tcomb-reactgithub.com

Alternative syntax for PropTypes.

typographygithub.com

A powerful toolkit for building websites with beautiful typography.

antd-mobilegithub.com

Configurable Mobile UI from China.

Ionic Reactionicframework.com

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

OnsenUIgithub.com

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

demo - Hook that tracks mouse events on selected element.

notistackiamhosseindhv.com

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

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.

react-hot-toastgithub.com

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

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

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

react-toastgithub.com

demo - docs - Minimal toast notifications.

react-toastifygithub.com

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

reapopgithub.com

A React & Redux notifications system.

Sonnersonner.emilkowal.ski

An opinionated toast component for React.

Simple async modal handler for React.

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

react-modalgithub.com

Accessible modal dialog component for React.

reoverlaygithub.com

demo - The missing solution for managing modals.

sweetalert2github.com

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

Official SweetAlert2 enhancer adding support for React elements as content

paginatedgithub.com

React render props & custom hook to build pagination.

Laravel Pagination with ReactJS (customizable).

react-paginategithub.com

A ReactJS component that creates a pagination.

react-stepsgithub.com

Demo - Responsive React Stepper.

demo - Easily apply parallax tilt hover effect on components.

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

Define zoom regions for smart responsive images.

lightGallerygithub.com

demo - docs - Full-featured lightbox gallery component.

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

Responsive image gallery, carousel, image slider react component.

react-imgixgithub.com

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

Infinite-scroll image gallery component for React apps.

react-intensegithub.com

A React component for viewing large images up close.

demo - Render images as interactive particles.

demo - docs - Responsive React Photo Gallery.

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

demo - docs - React lightbox component.

zoom-imagegithub.com

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

Simple but ubiquitously powerful and agnostic layering system for React.

react-portalgithub.com

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

axios-reactgithub.com

HTTP client component for React.

react-refetchgithub.com

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

redux-connectgithub.com

Provides decorator for resolving async props in react-router.

Better radio buttons.

redux-devtoolsgithub.com

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

A chart monitor for Redux DevTools.

A resizable and movable dock for Redux DevTools monitors.

Filterable tree view monitor for Redux DevTools.

Another Redux DevTools Monitor.

The default monitor for Redux DevTools with a tree view.

Redux DevTools remotely.

ant-designgithub.com

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

atlaskitatlaskit.atlassian.com

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

base webbaseweb.design

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

carbongithub.com

demo/docs - A design system built by IBM.

cdbreactgithub.com

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

chakra-uigithub.com

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

ChatUIgithub.com

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

demo/docs - Open Source UI components library.

evergreengithub.com

demo/docs - Evergreen React UI Framework by Segment.

flowbite-reactgithub.com

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

fluentuigithub.com

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

gestaltgithub.com

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

grommetgithub.com

The most advanced UX framework for enterprise applications.

kokonut-uigithub.com

Free Modern and Customizable UI components.

Mantinegithub.com

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

orbitgithub.com

Components for building travel oriented projects.

primereactgithub.com

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

radix-uiradix-ui.com

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

react-bootstrapgithub.com

Bootstrap components built with React.

Foundation as React components.

reakitgithub.com

demo/docs Toolkit for building accessible rich web apps

searchkitgithub.com

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

The official Semantic-UI-React integration.

semi-designgithub.com

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

shadcn/uigithub.com

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

shineoutgithub.com

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

Tremorgithub.com

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

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

alloyeditorgithub.com

WYSIWYG editor based on CKEditor with completely rewritten UI.

ckeditor4-reactgithub.com

An official CKEditor 4 rich text editor wrapper.

ckeditor5-reactgithub.com

An official CKEditor 5 rich text editor wrapper.

draft-jsgithub.com

A React framework for building text editors.

edtr-iogithub.com

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

megadraftgithub.com

Rich Text editor built on top of draft.js.

react-acegithub.com

Ace (Advanced Code Editor) wraper.

demo - CodeMirror component for React.

React component for a div with editable contents.

WYSIWYG editor build on top of DraftJS.

react-editorgithub.com

Simple richtext editor that can insert images and HTML.

medium-editor wrapper.

Monaco Editor component for React.

react-quillgithub.com

Quill wrapper.

Simple no-frills code editor with syntax highlighting

react-trumbowyggithub.com

Trumbowyg wrapper.

remirrorgithub.com

demo - docs - ProseMirror toolkit for React.

slategithub.com

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

smartblockgithub.com

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

tiptapgithub.com

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

react-routergithub.com

A complete routing library for React.

Declarative router component for React.

React Router scroll management.

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

tanstack-routergithub.com

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

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

woutergithub.com

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

html2canvasgithub.com

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

A set of components that react to page scrolling.

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

A column select component built for react.

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

demo - An iOS like select box component.

react-selectgithub.com

A Select control built with and for React JS.

demo - A lightweight select component for React

iSSRgithub.com

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

react-esigithub.com

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

react-slidergithub.com

Slider component for React.

Sort any children with touch support and IE8 compatibility.

sortablejsgithub.com

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

demo - The star rating component with accessibility.

react-ratinggithub.com

demo - Zero-dependency, highly customizable rating component.

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

gatsbygithub.com

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

react-headroomgithub.com

Hide your header until you need it.

A performant and comprehensive React sticky.

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

DevExtreme React Griddevexpress.github.io

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

ka-tablegithub.com

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

KendoReact Gridtelerik.com

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

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

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

material-tablegithub.com

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

mui-datatablesgithub.com

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

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

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

rsuite-tablegithub.com

demo/docs - A table component that supports virtualized.

simple-tablegithub.com

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

Smart React Gridhtmlelements.com

Fast and feature-complete data grid with Material Design.

TanStack Tablegithub.com

demo - Headless UI for building powerful tables & datagrids

react-tabsgithub.com

React tabs component.

react-tabtabgithub.com

React, tabs.

react-tag-inputgithub.com

A fantastically simple tagging component for your React projects.

react-tagsinputgithub.com

A simple react component for inputing tags.

Tokeninput component for React.

tagifygithub.com

demo & docs - Lightweight, efficient Tags input component.

enzymegithub.com

JavaScript Testing utilities for React.

jest-cligithub.com

Painless JavaScript Testing.

playwrightgithub.com

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

react-unitgithub.com

Lightweight unit test library for ReactJS.

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

rutgithub.com

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

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

React components for implementing UI experiments.

Google flight date picker implemented in ReactJS.

react-timeagogithub.com

A simple time-ago component for ReactJs.

timeago-reactgithub.com

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

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

React switch component.

react-togglegithub.com

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

ui-switchgithub.com

The most complete Toggle component

react-tooltipgithub.com

React tooltip component.

react-swipegithub.com

Swipe.js as a React component.

he-tree-reactgithub.com

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

json-edit-reactgithub.com

demo - Highly configurable JSON/Object tree viewer and editor

react-arboristgithub.com

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

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

Autocomplete input field for React.

react-mentionsgithub.com

Mention people in a textarea.

rich-textareagithub.com

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

infernogithub.com

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

react-fastclickgithub.com

Fast Touch Events for React.

Renders static content efficiently.

A component that scale dynamically according to the internal children size

Easily animate your data.

framer-motiongithub.com

An animation and gesture library.

gooey-reactgithub.com

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

An animation library using Web Animations API.

react-animegithub.com

A super easy animation library.

react-flip-movegithub.com

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

Use the full power of React and GSAP together.

react-motiongithub.com

A spring that solves your animation problems.

Wrapper to animate the line stroke in SVGs.

Particles backgrounds.

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

Scroll-based actions and animations for react.

react-springgithub.com

A spring physics based animation library.

react-trackgithub.com

Track the position of DOM elements. Create cool animations.

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

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

A lightweight component to easily create interactive particles animations

react-voodoogithub.com

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

React components for the Web Animations API -.

Auto responsive grid layout library.

hedrongithub.com

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

Splitter component, written in TypeScript.

muuri-reactgithub.com

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

react-colrowgithub.com

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

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

react-laymangithub.com

demo - Dynamic tiling layout manager with tabs

Wrapper for @desandro's Masonry.

react-reflexgithub.com

Flex layout container component for advanced React web applications.

react-schematicgithub.com

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

react-spacesgithub.com

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

Animated grid layout component.

react-scrollgithub.com

React scroll component.

A React Component for binded Tabs and Swipeable Views.

qrcode.reactgithub.com

A &lt;QRCode/&gt; component for use with React.

Extended utils for React.Children.

react-mediagithub.com

A CSS media query component for React.

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

Multi-lingual/localized text content.

React implementation of the Intersection Observer API.

Sensor component.

react-waypointgithub.com

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

@tolgee/reactgithub.com

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

js-linguigithub.com

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

react-i18nextgithub.com

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

react-intlgithub.com

Internationalize React apps.

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

react-localizedgithub.com

Internationalization for React components based on gettext format.

Universal internationalization (i18n) open source library for React.

↵ to searchesc to close
awesomelist.dev