Track Awesome React Components Updates Weekly
Curated List of React Components & Libraries.
🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 brillout/awesome-react-components · ⭐ 41K · 🏷️ Front-End Development
Jun 24 - Jun 30, 2024
Screenshot
- html2canvas (⭐30k) - Take screenshots of any part of your web page using Javascript.
Responsive / Syntax Highlight
- shadcn/ui (⭐62k) - demo - docs - Beautifully designed components that you can copy and paste into your apps.
Miscellaneous / Lazy Load
- iron-session (⭐3.4k) - Secure, stateless, and cookie-based session library.
Jun 17 - Jun 23, 2024
Parallax / Syntax Highlight
- simple-parallax-js (⭐1.7k) - demo - The easiest way to get a parallax effect with React and JavaScript on images
May 20 - May 26, 2024
Captcha
- react-simple-captcha (⭐38) - npm - demo - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS.
May 06 - May 12, 2024
Data Store / Mouse Events
- RxDB - demo (⭐21k) - docs A fast, local first, reactive Database for JavaScript Applications
Mar 25 - Mar 31, 2024
Captcha
- procaptcha (⭐30) - demo - docs - Privacy focused free CAPTCHA
Mar 11 - Mar 17, 2024
Form Logic / Mouse Events
- hook-form-react (⭐3) - docs - A lightweight, dependency-free solution React hooks for form validation.
Mar 04 - Mar 10, 2024
Tree
- he-tree-react (⭐13) - demo - docs - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized.
Feb 19 - Feb 25, 2024
Boilerplate / Mouse Events
- extensive-react-boilerplate (⭐206) - 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.
Jan 29 - Feb 04, 2024
Router / Mouse Events
- tanstack-router (⭐7.3k) - Type-safe router with built-in caching & URL state management
Jan 01 - Jan 07, 2024
Data Store / Mouse Events
- fireproof (⭐213) - demo - docs Pure JS, zero dependency, CRDT database - runs in the browser and connects to any cloud or backend
Dec 25 - Dec 31, 2023
Form Components / Date / Time picker
- schedule-x (⭐906) - Material design event calendar and date picker components. Demo site: https://schedule-x.dev/
Databases / Lazy Load
- BCMS (⭐302) - API-based, open-source, self-hostable content management system for Gatsby, Nuxt and Next.
Nov 13 - Nov 19, 2023
Notification
- Sonner - An opinionated toast component for React.
Command palette
- cmdk - Fast, composable, unstyled command menu for React.
Oct 16 - Oct 22, 2023
Infinite Scroll
- @af-utils/virtual (⭐75) - demo/docs - Render large scrollable lists and grids.
Sep 04 - Sep 10, 2023
Miscellaneous
- puck (⭐4.7k) - demo - The self-hosted visual editor for React
Aug 21 - Aug 27, 2023
Form Components / Select
- react-mobile-picker (⭐278) - demo - An iOS like select box component.
Jul 31 - Aug 06, 2023
Table
- mantine-datatable (⭐855) - demo/docs - Lightweight table component for Mantine UI applications, with lots of features
Menu
- mantine-contextmenu (⭐118) - demo/docs - Context-menu hook/component for applications built with Mantine UI.
Miscellaneous
- react-mrz-scanner (⭐3) - A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer.
Form Components / Input Types
- react-multi-email (⭐286) - demo - Format multiple emails as the user types.
Jul 17 - Jul 23, 2023
Photo / Image
- zoom-image (⭐289) - demo - docs - A little yet powerful framework agnostic library to zoom image on the web
Jun 12 - Jun 18, 2023
Photo / Image
- @frameright/react-image-display-control (⭐21) - Define zoom regions for smart responsive images.
May 01 - May 07, 2023
Table
- TanStack Table (⭐24k) - demo - Headless UI for building powerful tables & datagrids
Boilerplate / Mouse Events
- elegant (⭐157) - docs - demo - A simple React framework for rapidly building beautiful and expressive web applications with Next.js, Tailwind CSS, and Markdown loading.
Apr 17 - Apr 23, 2023
Chart
- echarts for react (⭐4.4k) - Wrapper around beautiful Apache Echarts
Apr 10 - Apr 16, 2023
Table
- Material-React-Table (⭐1.4k) - A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript
- AG Grid - The Best JavaScript Grid in the World
Test / Lazy Load
- playwright (⭐63k) enables reliable end-to-end testing for modern web apps.
Mar 27 - Apr 02, 2023
Infinite Scroll
- virtua (⭐1k) - demo - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid.
Mar 13 - Mar 19, 2023
Icons
- Lucide (⭐9.3k) - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Feb 27 - Mar 05, 2023
Command palette
- kbar (⭐4.7k) - demo - Fast, portable, and extensible cmd+k interface.
Utilities / Mouse Events
<qr-code>
– A no-dependencies, customizable, animate-able, SVG-based<qr-code>
element.
Feb 20 - Feb 26, 2023
Boilerplate / Mouse Events
- PBandJ (⭐108) - Zero-Config Reusable Component Framework.
Jan 30 - Feb 05, 2023
Chart
- react-dashboard (⭐1.6k) - Isomorphic Dashboards.
Jan 23 - Jan 29, 2023
Form Logic / Mouse Events
- Phormal (⭐3) - Docs & Demos - Responsive, multilingual forms with built-in validation, support for dark mode and right-to-left languages.
Jan 16 - Jan 22, 2023
Photo / Image
- yet-another-react-lightbox (⭐736) - demo - docs - React lightbox component.
Jan 09 - Jan 15, 2023
Form Components / Drag and Drop
- neodrag (⭐1.5k) - Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same.
Dec 19 - Dec 25, 2022
Responsive / Syntax Highlight
- flowbite-react (⭐1.8k) - Open-source UI component library based on React, Tailwind CSS, and Flowbite.
Nov 21 - Nov 27, 2022
Form Components / Select
- react-select-search (⭐672) - demo - A lightweight select component for React
Oct 24 - Oct 30, 2022
Tree
- react-arborist (⭐2.8k) - demo - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search
Oct 03 - Oct 09, 2022
CSS / Style / Mouse Events
- stitches (⭐7.7k) - CSS-in-JS with near-zero runtime, SSR, multi-variant support.
Sep 19 - Sep 25, 2022
Form Components / Image Editing
- react-advanced-cropper (⭐607) - A react cropper library to create the cropper exactly suited for your website design.
- react-mobile-cropper (⭐20) - A ready-to-use image cropping library highly inspirited by popular Android croppers. Based on
react-advanced-cropper
.
Aug 01 - Aug 07, 2022
Carousel
- react-awesome-slider (⭐2.9k) - demo - Fullpage, 3D animated, 60fps media and content slider/carousel.
Miscellaneous
- react-mouse-select (⭐41) - Demo A component that allows selecting DOM elements by moving the mouse
Jul 25 - Jul 31, 2022
Form Components / Toggle
- ui-switch (⭐4) - The most complete Toggle component
Jul 18 - Jul 24, 2022
Icons
- tabler-icons-react - A set of over 450 free MIT-licensed high-quality SVG icons.
Communication with server / Mouse Events
- query (⭐41k) - docs Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue.
Integrations with Third Party Services / Mouse Events
- react-firebase-hooks (⭐3.5k) - Hooks to integrate firebase in your application.
Jul 11 - Jul 17, 2022
Editable data grid / spreadsheet
- AG Grid (⭐12k) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
- MUI X Data grid (⭐3.9k) - demo/docs - Fast and customizable data grid with advanced features for power users and complex use cases.
Table
- mui-datatables (⭐2.7k) - Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows.
- react-table-library (⭐717) - demo - React Table Library -- an almost headless table library -- for building better tables.
Notification
- react-local-toast (⭐127) - demo - docs - show feedback linked to particular component instead of app-wide toasts.
Audio / Video
- react-vision-camera (⭐8) - 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 (⭐18) - Barcode and QR code scanner component for React. It uses react-vision-camera to access the camera and Dynamsoft Barcode Reader to read barcodes.
Form Components / Form Component Collections
- formsy-material-ui (⭐571) - A Formsy compatibility wrapper for Material UI form components.
Responsive / Material Design
- 🚀 Material UI (⭐92k) - Full suite of components. Build your own design system, or start with Material Design.
- 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.
Device Input / Keyboard Events
- react-keyboard-navigator (⭐26) - A suite of React components and hook for selecting sibling components through the keyboard.
Form Logic / Mouse Events
- react-client-validation (⭐4) - Simple and super lightweight validation for React.
Miscellaneous / Lazy Load
- react-device-frameset (⭐64) - React device frameset component.
Jul 04 - Jul 10, 2022
Form Components / Star Rating
- react-rating (⭐300) - demo - Zero-dependency, highly customizable rating component.
Jun 20 - Jun 26, 2022
UI Animation / Syntax Highlight
- react-animatable (⭐38) - An animation library using Web Animations API.
- react-ts-typewriter (⭐35) - demo - Easy to use and customizable typewriter effect for any text.
Jun 13 - Jun 19, 2022
Photo / Image
- react-photo-album (⭐471) - demo - docs - Responsive React Photo Gallery.
May 16 - May 22, 2022
Responsive / Syntax Highlight
- ant-design (⭐91k) - demo/docs - A UI Design Language from China. Individual components available.
- ChatUI (⭐2.5k) - demo/docs - The UI design language and React library for Conversational UI
- fluentui (⭐18k) - UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.
- geist-ui (⭐4.3k) - Modern and minimalist React UI library.
- grommet (⭐8.3k) - The most advanced UX framework for enterprise applications.
- Mantine (⭐25k) - demo/docs - A fully featured library with 100+ hooks and components with native dark theme support
- orbit (⭐1.4k) - Components for building travel oriented projects.
- radix-ui - Unstyled, accessible components for building high‑quality design systems and web apps.
- react-foundation (⭐602) - Foundation as React components.
- reakit (⭐7.7k) - demo/docs Toolkit for building accessible rich web apps
- semi-design (⭐8k) - demo/docs - A modern, comprehensive, flexible design system.
- shineout (⭐915) - demo - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc.
May 09 - May 15, 2022
Form Components / Tag Input
- tagify (⭐3.4k) - demo & docs - Lightweight, efficient Tags input component.
Apr 04 - Apr 10, 2022
Editable data grid / spreadsheet
- fortune-sheet (⭐2.3k) - An online spreedsheet component that provides out-of-the-box features just like Excel.
Loader
- react-loader-spinner (⭐952) - Collection set of react-spinner for async operation.
Form Components / Miscellaneous
- @anatoliygatt/numeric-stepper (⭐162) - demo - A fully themeable and accessible numeric stepper component.
Data Store / Mouse Events
- synergies (⭐10) - docs A performant and distributed context-state library for creating reusable React state logic by synergyzing atomar context pieces.
Mar 28 - Apr 03, 2022
Form Components / Miscellaneous
- react-designer (⭐1.9k) - Easy to configure, lightweight, editable vector graphics in your react components.
Component Collections / Material Design
- lens-ui (⭐7) - docs (⭐7) - A Suit of components focused on simplicity.
Mar 14 - Mar 20, 2022
Form Components / Rich Text Editor
- react-simple-code-editor (⭐1.5k) - Simple no-frills code editor with syntax highlighting
Responsive / Syntax Highlight
- AgnosticUI - Accessible React component primitives that also work with Vue 3, Svelte, and Angular!
Feb 14 - Feb 20, 2022
Chart
- Flowchart React (⭐41) - Flowchart & Flowchart designer for React.js.
Form Components / Toggle
- @anatoliygatt/heart-switch (⭐440) - demo - A fully themeable and accessible heart-shaped toggle switch component.
Boilerplate / Mouse Events
- nx - Next generation build system with first class monorepo support and powerful integrations.
Jan 31 - Feb 06, 2022
i18n / Mouse Events
- @tolgee/react (⭐220) - docs – Web-based localization tool enabling users to translate directly in the React app they develop
Jan 24 - Jan 30, 2022
Form Components / Type Select
- rich-textarea (⭐283) - A textarea to colorize, highlight, decorate texts and offer autocomplete.
Jan 03 - Jan 09, 2022
Responsive / Syntax Highlight
- CoreUI for React (⭐654) - demo/docs - Open Source UI components library.
Nov 29 - Dec 05, 2021
UI Animation / Syntax Highlight
- react-voodoo (⭐14) - demo/samples (⭐3) - Additive animation engine allowing complex android/iOs-like animations, rendering sliders on SSR, predictive inertia, multitouch, etc
Nov 22 - Nov 28, 2021
Carousel
- swiper (⭐39k) - demo - docs - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
UI Layout / Syntax Highlight
- react-schematic (⭐5) - demo - Build responsive layouts using styled schematics without an overhead of any theme configuration
Nov 08 - Nov 14, 2021
Paginator
- react-steps (⭐15) - Demo - Responsive React Stepper.
Form Components / Rich Text Editor
- tiptap (⭐24k) - demo - docs - The headless editor framework for web artisans.
Data Store / Mouse Events
- teaful (⭐707) - Tiny, easy and powerful React state management
Oct 25 - Oct 31, 2021
Icons
- react-icomoon (⭐216) - With react-icomoon you can easily use the icons you have selected or created in icomoon.
Form Components / Input Types
- @lunasec/react-sdk (⭐1.4k) - docs - Secure, hardened form components that encrypt/tokenize all data automatically.
Data Store / Mouse Events
- zustand - docs (⭐44k) - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api.
Oct 11 - Oct 17, 2021
Boilerplate / Mouse Events
- cra-template-redux-auth-starter (⭐37) - A Redux auth starter boilerplate for CRA.
Integrations with Third Party Services / Mouse Events
- react-slack-notification (⭐15) - Send messages and error logs to a Slack channel directly.
Sep 20 - Sep 26, 2021
Component Collections / Material Design
- refine (⭐26k) - demo - docs - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit.
Aug 23 - Aug 29, 2021
Responsive / Syntax Highlight
- cdbreact (⭐50) - demo - docs - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps.
Jul 19 - Jul 25, 2021
Form Components / Color Picker
- react-color (⭐238) - Is a tiny color picker widget component for React apps.
Jul 12 - Jul 18, 2021
Tree
- react-complex-tree (⭐793) - demo - docs - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search
Jun 28 - Jul 04, 2021
i18n / Mouse Events
- react-localized (⭐9) - Internationalization for React components based on
gettext
format.
Jun 21 - Jun 27, 2021
Miscellaneous / Lazy Load
- jsondiffpatch-react (⭐9) - JSON diffing.
Jun 14 - Jun 20, 2021
Table
- ka-table (⭐722) - demo - Customizable table component with sorting, filtering, grouping, virtualization, editing etc.
Jun 07 - Jun 13, 2021
Form Components / Markdown Editor
- react-simplemde-editor (⭐761) - React component wrapper for EasyMDE (the most fresh SimpleMDE fork) (⭐2.3k).
- react-md-editor (⭐2k) - A simple markdown editor with preview, implemented with React.js and TypeScript.
May 31 - Jun 06, 2021
Canvas
- react-heat-map (⭐178) - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.
Form Components / Image Editing
- react-avatar-generator (⭐67) - Generate fun kaleidoscope for user avatars.
Form Components / Rich Text Editor
- react-codemirror (⭐1.5k) - demo - CodeMirror component for React.
- react-monacoeditor (⭐284) - Monaco Editor component for React.
Reporter / Visibility Reporter
- react-intersection-observer (⭐4.9k) - React implementation of the Intersection Observer API.
May 17 - May 23, 2021
Photo / Image
- lightGallery (⭐6.3k) - demo - docs - Full-featured lightbox gallery component.
May 10 - May 16, 2021
Integrations with Third Party Services / Mouse Events
- react-google-autocomplete (⭐457) - Google Places API components and hooks.
Apr 26 - May 02, 2021
Form Components / Select
- react-column-select (⭐13) - A column select component built for react.
Apr 19 - Apr 25, 2021
Miscellaneous
- react-apple-signin-auth (⭐100) - Apple signin for React using the official Apple JS SDK.
Apr 12 - Apr 18, 2021
Form Logic / Mouse Events
- Formily (⭐11k) - High performance, extensible, and Typescript friendly
Mar 08 - Mar 14, 2021
Infinite Scroll
- react-window (⭐15k) - demo - React components for efficiently rendering large lists and tabular data
Map
- pigeon-maps (⭐3.4k) - demo - ReactJS Maps without external dependencies.
Miscellaneous
- react-darkreader (⭐277) - A React Hook for adding a dark / night mode to your site inspired by darkreader.
Form Components / Rich Text Editor
- edtr-io (⭐707) - demo - docs - WYSIWYG in-line web editor with plugins.
- remirror (⭐2.6k) - demo - docs - ProseMirror toolkit for React.
- slate (⭐29k) - demo - docs - A completely customizable framework for building rich text editors.
- smartblock (⭐307) - demo - docs - Block based WYSIWYG editor based on ProseMirror.
Meta Tags / Mouse Events
- react-helmet-async (⭐2k) - Thread-safe Helmet for React 16+ and friends
Miscellaneous / Mouse Events
- react-godfather (⭐27) - A new way to write Functional Components, without Hooks.
Mar 01 - Mar 07, 2021
Framework bindings / integrations / Mouse Events
- react-unity-webgl (⭐1.7k) - Unity intergration with two-way communication using a built-in Event System.
Feb 22 - Feb 28, 2021
Miscellaneous
- react-swipeable-list (⭐101) - demo - Configurable component to render list with swipeable items.
Feb 15 - Feb 21, 2021
Form Components / Color Picker
- react-colorful (⭐3k) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component.
Router / Mouse Events
- redux-first-history (⭐440) - Redux First History - Redux history binding support react-router - @reach/router - wouter
- wouter (⭐6.3k) - A minimalist-friendly ~1.3KB routing library. Nothing else but hooks.
Miscellaneous / Lazy Load
- SimpleLocalize (⭐56) - Open source CLI tool for finding i18n keys in React projects.
Feb 08 - Feb 14, 2021
Loader
- react-spinners (⭐3k) - A collection of loading spinner components for react.
- react-content-loader (⭐13k) - SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).
Feb 01 - Feb 07, 2021
Miscellaneous
- react-headings (⭐72) - 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.
Boilerplate / Mouse Events
- rockpack (⭐570) - Simple solution for creating React application with SSR, bundling, linting, testing within 5 minutes.
Server-Side Rendering / Lazy Load
- iSSR (⭐104) - The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.
Miscellaneous / Lazy Load
- Plasmic - Powerful design tool for building your React components visually.
Jan 11 - Jan 17, 2021
Paginator
- paginated (⭐21) - React render props & custom hook to build pagination.
Jan 04 - Jan 10, 2021
Editable data grid / spreadsheet
- revo-grid (⭐2.7k) - demo/docs - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization.
Dec 28 - Jan 03, 2020
Notification
- react-hot-toast (⭐9.3k) - demo - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default.
Dec 21 - Dec 27, 2020
Infinite Scroll
- @egjs/react-infinitegrid (⭐1.9k) - npm - demo - A module used to arrange card elements including content infinitely according to various layout types.
Notification
- react-toast (⭐72) - demo - docs (⭐72) - Minimal toast notifications.
Miscellaneous
- fastcomments-react (⭐7) - demo - FastComments component for embedding a live comment thread on a page or SPA.
- react-pulse-text (⭐17) - demo/docs - Allows you to animate the text of any property of another component.
- @restpace/schema-form (⭐45) - Demo - Easily build complex forms automatically from a JSON Schema.
Device Input / Keyboard Events
- useKeyCapture (⭐24) - A custom hook to ease the key-press listeners of a target/global.
Data Store / Mouse Events
- effector-react (⭐4.5k) - React bindings for effector, an effective multi-store state manager.
Boilerplate / Mouse Events
- react-enterprise-starter-kit (⭐88) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase.
Dec 14 - Dec 20, 2020
Custom Scrollbar
- rc-scrollbars (⭐142) - demo - Customizable scrollbars with flex options and 60FPS
Form Components / Autosize Input / Textarea
- react-autowidth-input (⭐11) - Highly configurable & extensible automatically sized input field built with hooks.
Nov 09 - Nov 15, 2020
Form Components / Date / Time picker
- date-range-picker (⭐102) - demo - A calendar component that supports date, range & ranges picks.
Framework bindings / integrations / Mouse Events
- react-lottie-player (⭐481) - demo - Declarative lottie animation player.
Nov 02 - Nov 08, 2020
Overlay
- reoverlay (⭐148) - demo - The missing solution for managing modals.
Oct 19 - Oct 25, 2020
Collapse
- react-tabbordion (⭐80) - demo - Universal, semantic and CSS-only components for creating Accordions and Tabs.
Chart
- react-muze (⭐16) - React wrapper for muze(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)
Form Components / Select
- react-functional-select (⭐193) - demo - Micro-sized & micro-optimized select component for React.js.
Oct 05 - Oct 11, 2020
Editable data grid / spreadsheet
- ReactGrid (⭐1.1k) - demo/docs - Add spreadsheet-like behavior to your app
Miscellaneous
- react-advanced-news-ticker (⭐50) - demo - A flexible and animated vertical news ticker component
Miscellaneous / Lazy Load
- component-controls (⭐79) - demo - docs - A next-generation tool to create blazing-fast documentation sites.
Sep 28 - Oct 04, 2020
Buttons
- reactive-button (⭐124) - demo - docs - A beautiful animated button component with progress indicator.
Sep 14 - Sep 20, 2020
Miscellaneous
- react-customizable-chat-bot (⭐17) - Demo - Build your own chatbot matching your brand needs in minutes.
UI Animation / Syntax Highlight
- gooey-react (⭐644) - demo/docs - The gooey effect for React, used for shape blobbing / metaballs.
Sep 07 - Sep 13, 2020
Miscellaneous
- react-pdf (⭐8.9k) - Display PDFs in your React app as easily as if they were images.
Form Components / Date / Time picker
- react-calendar (⭐3.4k) - Ultimate calendar for your React app.
- react-date-picker (⭐1.2k) - A date picker for your React app.
Aug 10 - Aug 16, 2020
Form Components / Drag and Drop
- react-movable (⭐1.4k) - Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables.
UI Animation / Syntax Highlight
- react-tsparticles (⭐7.2k) - A lightweight component to easily create interactive particles animations
Jul 27 - Aug 02, 2020
Canvas
- react-konva (⭐5.6k) - React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework.
- react-sketch (⭐670) - A Sketch tool for React based applications, backed-up by FabricJS
- react-sketch-canvas (⭐399) - Demo Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets
Form Components / Rich Text Editor
- ckeditor4-react (⭐94) - An official CKEditor 4 rich text editor wrapper.
- ckeditor5-react (⭐415) - An official CKEditor 5 rich text editor wrapper.
Jul 06 - Jul 12, 2020
Carousel
- keen-slider (⭐4.6k) - demo - Performant carousel/slider with native touch/swipe behavior.
UI Animation / Syntax Highlight
- framer-motion (⭐23k) - An animation and gesture library.
Jun 22 - Jun 28, 2020
Miscellaneous
- captcha-image (⭐8) - Allows you to generate a random captcha image with options.
Jun 15 - Jun 21, 2020
Editable data grid / spreadsheet
- jqwidgets-react-grid - Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more.
Table
- Smart React Grid - Fast and feature-complete data grid with Material Design.
Menu
- hamburger-react (⭐938) - demo/docs - Animated hamburger menu icons for React.
Chart
- Smart React Chart - Feature complete Charting library.
Form Components / Date / Time picker
- jQWidgets Scheduler - Feature complete Scheduling library.
May 25 - May 31, 2020
Overlay
- sweetalert2 (⭐17k) - demo/docs - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.
- sweetalert2-react-content (⭐685) - Official SweetAlert2 enhancer adding support for React elements as content
May 18 - May 24, 2020
Table
- KendoReact Grid - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more.
Responsive / Material Design
- mdbootstrap (⭐1.4k) - React Bootstrap with Material Design
May 11 - May 17, 2020
Menu
- react-planet (⭐172) - demo - Create circular menus which looks like planets.
Miscellaneous
- react-searchbox-awesome (⭐30) - demo - Minimalistic searchbox.
May 04 - May 10, 2020
Map
- react-svg-map (⭐224) - demo - A set of components to display an interactive SVG map.
Component Collections / Material Design
- matrix-card (⭐24) - demo - Simplest possible component to generate matrix rain style cards.
Apr 27 - May 03, 2020
Carousel
- react-instagram-zoom-slider (⭐77) - demo - A slider component with pinch to zoom capabilities inspired by Instagram.
Photo / Image
- react-imgix (⭐354) - Add fast, responsive images as an image, picture, or background!
Apr 20 - Apr 26, 2020
Audio / Video
- material-ui-audio-player (⭐72) - Audio player for material ui design.
UI Animation / Syntax Highlight
- auto-size-transition (⭐9) - A component that scale dynamically according to the internal children size
Apr 13 - Apr 19, 2020
Table
- DevExtreme React Grid - High-performance plugin-based data grid for Bootstrap and Material Design.
Chart
- semiotic - Semiotic is a data visualization framework for React.
- DevExtreme React Chart - High-performance plugin-based chart for Bootstrap and Material Design.
Form Components / Date / Time picker
- DevExtreme React Scheduler - High-performance plugin-based scheduler/calendar for Material Design.
Apr 06 - Apr 12, 2020
Form Components / Drag and Drop
- react-drag-sizing (⭐19) - "Drag to resize" (sizing) as React Component.
Form Components / Rich Text Editor
- react-editor (⭐55) - Simple richtext editor that can insert images and HTML.
Framework bindings / integrations / Mouse Events
- react-threejs (⭐81) - Simplest bindings between React & Three.js
Mar 23 - Mar 29, 2020
Carousel
- @egjs/react-flicking (⭐2.7k) - npm - demo - It's reliable, flexible and extendable carousel.
Time / Date / Age
- react-google-flight-datepicker (⭐383) - Google flight date picker implemented in ReactJS.
Icons
- react-open-doodles (⭐65) - Awesome free illustrations as react components.
CSS / Style / Mouse Events
- aesthetic (⭐203) - 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.
Mar 16 - Mar 22, 2020
UI Layout / Syntax Highlight
- react-colrow (⭐6) - Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow.
Mar 09 - Mar 15, 2020
UI Layout / Syntax Highlight
- muuri-react (⭐346) - demo - docs - Responsive, sortable, filterable and draggable grid layouts.
Miscellaneous / Lazy Load
- DataFormsJS JSX Loader (⭐184) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page.
Mar 02 - Mar 08, 2020
Chart
- jscharting-react (⭐18) – React chart component offering a complete set of chart types and engaging data visualizations with JSCharting.
Props from server / Mouse Events
- axios-react (⭐46) - HTTP client component for React.
Databases / Lazy Load
- crisp-bigquery (⭐43) - Full stack Google BigQuery with Express in TypeScript.
- react-server-routing-example (⭐298) - Universal client/server routing and data with AWS DynamoDB.
Feb 24 - Mar 01, 2020
Form Logic / Mouse Events
- data-driven-forms (⭐291) - A declarative way for building forms with all the functionality.
Boilerplate / Mouse Events
- phoenix (⭐160) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support.
Feb 17 - Feb 23, 2020
Photo / Image
- react-particle-image (⭐457) - demo - Render images as interactive particles.
Miscellaneous
- react-demo-tab (⭐41) - demo - A React component to easily create demos of other components.
Miscellaneous / Lazy Load
- react-demo-tab-cli (⭐55) - CLI tool for creating demos of react components.
Feb 03 - Feb 09, 2020
Miscellaneous
- react-pdf-viewer (⭐2.1k) - docs - A React component to view a PDF document.
Boilerplate / Mouse Events
- crisp-react (⭐185) - Express integration in TypeScript with support for multiple SPAs and pitfall avoidance.
Miscellaneous / Mouse Events
- react-universal-hooks (⭐187) - 🎉 support react hooks everywhere (Functional or Class Component).
Jan 27 - Feb 02, 2020
Form Components / Input Types
- react-input-mask (⭐2.2k) - demo - Yet another react component for input masking.
Responsive / Syntax Highlight
- primereact (⭐6.1k) - A complete UI Framework with 50+ components featuring material, bootstrap and custom themes.
CSS / Style / Mouse Events
- reactponsive (⭐14) - Responsive components and hooks.
Jan 20 - Jan 26, 2020
Table
- material-table (⭐3.5k) - demo/docs - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing
- react-data-table (⭐2k) - demo/docs - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination
Chart
- react-charty (⭐71) - demo - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming.
Miscellaneous
- react-awesome-query-builder (⭐1.9k) - demo - Visual query builder from form fields, with SQL, MongoDB and JSON export
Form Components / Input Types
- react-numpad (⭐136) - demo - Extensible number pad control for numbers, dates and times.
Form Components / Sortable List
- sortablejs (⭐29k) - Lists reorderable by drag-and-drop, within and among lists.
Form Components / Rich Text Editor
- react-ace (⭐4k) - Ace (Advanced Code Editor) wraper.
- react-draft-wysiwyg (⭐6.4k) - WYSIWYG editor build on top of DraftJS.
- react-medium-editor (⭐503) - medium-editor wrapper.
- react-quill (⭐6.6k) - Quill wrapper.
- react-trumbowyg (⭐144) - Trumbowyg wrapper.
Form Components / Image Editing
- react-image-cropper (⭐175) - Image cropper.
Form Components / Form Component Collections
- react-widgets (⭐2.3k) - An à la carte set of polished, extensible, and accessible inputs.
Form Components / Syntax Highlight
- react-syntax-highlighter (⭐3.9k) - Syntax highlighting component with Prismjs or Highlightjs AST using inline styles.
UI Layout / Syntax Highlight
- golden-layout (⭐6.2k) - A multi-screen JavaScript Layout manager.
- hedron (⭐865) - A no-frills flexbox grid system, powered by styled-components.
- m-react-splitters (⭐160) - Splitter component, written in TypeScript.
- react-masonry-component (⭐1.4k) - Wrapper for @desandro's Masonry.
- react-stonecutter (⭐1.2k) - Animated grid layout component.
UI Animation / Syntax Highlight
- data-driven-motion (⭐541) - Easily animate your data.
- react-anime (⭐1.5k) - A super easy animation library.
- react-mt-svg-lines (⭐360) - Wrapper to animate the line stroke in SVGs.
- react-spring (⭐28k) - A spring physics based animation library.
- react-transitive-number (⭐210) - Apply transition effect to numeric strings, a la old Groupon timers.
- react-particles-bg (⭐636) - Particles backgrounds.
Responsive / Syntax Highlight
- atlaskit - Atlassian's official UI library, with components from badge to tree table.
- carbon (⭐7.6k) - demo/docs - A design system built by IBM.
- chakra-ui (⭐37k) - demo/docs - Simple, Modular & Accessible UI Components for your React Applications.
- evergreen (⭐12k) - demo/docs - Evergreen React UI Framework by Segment.
- gestalt (⭐4.2k) - demo/docs - A set of components that supports Pinterest’s design language.
Responsive / Material Design
- react-toolbox (⭐8.7k) - A set of React components implementing Google's Material Design.
Mobile / Material Design
- antd-mobile (⭐11k) - Configurable Mobile UI from China.
- Ionic React - Ionic Framework: easily build Android, Desktop and Progressive Web Apps with one code base.
- OnsenUI (⭐8.8k) - demo/docs - Mobile app framework with Material and flat (iOS) designs. Based on Web Components.
Component Collections / Material Design
- blueprint (⭐20k) - demo - docs - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications.
- rsuite (⭐8.2k) - demo/docs - Suite of components for "enterprise system products".
i18n / Mouse Events
- js-lingui (⭐4.3k) - docs – A readable, automated, and optimized (5 kb) internationalization for JavaScript.
Jan 13 - Jan 19, 2020
Form Components / Emoji picker
- interweave-emoji-picker (⭐1.1k) - A React based emoji picker powered by Interweave and Emojibase.
Form Components / Image Editing
- react-easy-crop (⭐53) - Component to crop/rotate images/videos with easy interactions. Touch friendly.
Form Components / Miscellaneous
- interweave (⭐1.1k) - React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.
Responsive / Syntax Highlight
- react-bootstrap (⭐22k) - Bootstrap components built with React.
Test / Lazy Load
- rut (⭐16) - React testing made easy with
react-test-renderer
. Supports DOM and custom renderers.
Dec 30 - Jan 05, 2019
Data Store / Mouse Events
- resourcerer (⭐80) - Declarative data-fetching framework for REST APIs
Dec 16 - Dec 22, 2019
Miscellaneous
- react-simple-chatbot (⭐1.7k) - demo (⭐2) - A simple chatbot component to create conversation chats.
Dec 09 - Dec 15, 2019
i18n / Mouse Events
- react-intl-universal (⭐1.3k) - demo Internationalize React apps. Not only for React.Component but also for Vanilla JS.
Nov 25 - Dec 01, 2019
Custom Scrollbar
- react-shadow-scroll (⭐28) - Component that customizes the image and inserts shadow when scrolling exists.
Boilerplate / Mouse Events
- create-react-dependency (⭐25) - Create react dependencies with no build configuration.
Nov 11 - Nov 17, 2019
Buttons
- react-awesome-button (⭐1.3k) - demo - 3D animated 60fps buttons with load progress and social share actions.
Oct 28 - Nov 03, 2019
Notification
- notistack - demo - docs - Highly customizable notification snackbars (toasts) that can be stacked on top of each other
Form Logic / Mouse Events
- react-final-form (⭐7.3k) - Subscription-based form state management
Oct 14 - Oct 20, 2019
Form Components / Date / Time picker
- react-timezone-select (⭐204) - demo - Dynamic, succinct timezone select. Based on
react-select
.
Form Components / Input Types
- react-payment-inputs (⭐337) - demo - A zero-dependency container to help with payment card input fields.
Device Input / Mouse Events
- react-hook-mighty-mouse (⭐118) - demo - Hook that tracks mouse events on selected element.
Form Logic / Mouse Events
- react-hook-form (⭐40k) - React hooks for form validation without the hassle.
Oct 07 - Oct 13, 2019
Responsive / Syntax Highlight
- base web - Base Web is a foundation for initiating, evolving, and unifying web products.
Form Logic / Mouse Events
- formsy-react (⭐762) - A form input builder and validator for React JS.
Sep 23 - Sep 29, 2019
Carousel
- pure-react-carousel (⭐1.7k) - Built from scratch and not highly opinionated.
Sep 16 - Sep 22, 2019
Table
- rsuite-table (⭐705) - demo/docs - A table component that supports virtualized.
Chart
- react-chartjs-2 (⭐6.5k) - Common react charting components using Chart.js 2.0.
Sep 09 - Sep 15, 2019
Loader
- react-spinners-css (⭐323) - Amazing collection of react spinners components.
Aug 26 - Sep 01, 2019
Notification
- react-notifications-component (⭐1.3k) - demo - Highly customizable and easy-to-use component for notifications.
Parallax / Syntax Highlight
- react-parallax-tilt (⭐928) - demo - Easily apply parallax tilt hover effect on components.
Aug 19 - Aug 25, 2019
Form Logic / Mouse Events
- formik (⭐34k) - Build forms without tears and supports Validation in ease.
Aug 12 - Aug 18, 2019
Icons
- iconify-react (⭐205) - Over 40k icons from 50+ icon sets, including all popular icon and emoji sets.
Form Components / Star Rating
- react-awesome-stars-rating (⭐28) - demo - The star rating component with accessibility.
Aug 05 - Aug 11, 2019
Paginator
- react-laravel-paginex (⭐27) - Laravel Pagination with ReactJS (customizable).
UI Layout / Syntax Highlight
- react-spaces (⭐1.3k) - demo/docs - Nestable anchored, resizable, scrollable components.
Jul 15 - Jul 21, 2019
Notification
- simple-react-notifications (⭐60) - demo - Tiny notification library (1kb gzip).
Jul 08 - Jul 14, 2019
Miscellaneous
- react-swipe-to-delete-ios (⭐44) - demo - To delete an item in a list the same way iOS does.
Jul 01 - Jul 07, 2019
Custom Scrollbar
- react-custom-scroll (⭐547) - demo - Easily customize the browser scroll bar with native OS scroll behavior.
Form Logic / Mouse Events
- react-formawesome (⭐6) - Complex library for creating awesome forms.
Jun 24 - Jun 30, 2019
Form Logic / Mouse Events
- surveyjs (⭐4k) - The advanced Survey and Form library
Jun 10 - Jun 16, 2019
Server-Side Rendering / Lazy Load
- react-esi (⭐673) - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments
Jun 03 - Jun 09, 2019
Editable data grid / spreadsheet
- gigatables-react (⭐142) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.
- react-data-grid (⭐6.8k) - Excel-like grid.
Table
- sematable (⭐161) - Client side sorting, pagination, and text filter for redux/react based apps.
UI / Lazy Load
- react-lazyload (⭐5.8k) - Lazyload your Component, Image or anything matters the performance.
- react-infinite-grid (⭐203) - A React component which renders a grid of elements.
- react-infinite (⭐2.7k) - A browser-ready efficient scrolling container based on UITableView.
- react-lazy-load (⭐976) - React component that renders children elements when they enter the viewport.
- react-virtualized (⭐26k) - React components for efficiently rendering large lists and tabular data.
Infinite Scroll
- react-list (⭐2k) - A versatile infinite scroll React component.
Overlay
- react-aria-modal (⭐1k) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices.
- react-modal (⭐7.3k) - Accessible modal dialog component for React.
Notification
- 🚀 react-toastify (⭐12k) - demo - best bet out there at the moment. Hooks support. No refs.
- reapop (⭐1.5k) - A React & Redux notifications system.
Tooltip
- react-tooltip (⭐3.5k) - React tooltip component.
Menu
- react-burger-menu (⭐5k) - An off-canvas sidebar with effects and styles.
- react-offcanvas (⭐49) - Off-canvas menus for React.
Sticky
- react-headroom (⭐1.8k) - Hide your header until you need it.
- react-stickynode (⭐1.3k) - A performant and comprehensive React sticky.
Tabs
- react-tabs (⭐3.1k) - React tabs component.
- react-tabtab (⭐397) - React, tabs.
Loader
- react-redux-loading-bar (⭐936) - Simple Loading Bar for Redux and React.
Carousel
- react-id-swiper (⭐1.5k) - A library to use idangerous Swiper as a ReactJs component
- react-responsive-carousel (⭐2.6k) - React.js Responsive Carousel (with Swipe).
- react-slick (⭐12k) - React carousel component.
Collapse
- react-accessible-accordion (⭐784) - Accessible Accordion component for React.
- react-collapse (⭐1.1k) - Component-wrapper for collapse animation with react-motion.
Chart
- chartify (⭐690) - React.js plugin for building animated draggable and customizable charts.
- essential js 2 charts (⭐328) - Beautiful and interactive charts & graphs for react.
- react-chartist (⭐528) - React component for Chartist.js.
- react-d3-components (⭐1.6k) - D3 Components for React.
- react-dazzle (⭐1.4k) - Dashboards made easy in React JS.
- react-google-charts (⭐1.6k) - React-google-charts React component.
- react-highcharts (⭐1.3k) - React-highcharts.
- react-sigmajs (⭐258) - Lightweight but powerful library for drawing network graphs built on top of SigmaJS.
- react-sparklines (⭐2.8k) - Beautiful and expressive Sparklines React component.
- react-timeseries-charts (⭐855) - Declarative timeseries charts.
- react-vis (⭐8.7k) - Data visualization library based on React and d3.
- recharts (⭐23k) - Redefined chart library built with React and D3.
- rumble-charts (⭐346) - React components for building composable and flexible charts.
- victory (⭐11k) - Data viz for React.
Tree
- react-treeview (⭐1.1k) - Easy, light, flexible tree view made with React.
UI Navigation
- react-scroll (⭐4.3k) - React scroll component.
- react-swipeable-views (⭐4.4k) - A React Component for binded Tabs and Swipeable Views.
Audio / Video
- react-dailymotion (⭐17) - Dailymotion player component for React.
- react-player (⭐9k) - A react component for playing a variety of URLs, including YouTube.
- react-soundplayer (⭐1.5k) - Create custom SoundCloud players with React.
- react-youtube (⭐1.8k) - React.js powered YouTube player component.
- video-react (⭐2.6k) - A web video player built for the HTML5 world using React library.
Map
- google-map-react (⭐6.3k) - Universal google map react component, allows render react components on the google map.
- react-geosuggest (⭐1k) - A React autosuggest for the Google Maps Places API.
- react-leaflet (⭐5k) - React components for Leaflet maps.
- react-map-gl (⭐7.7k) - A React wrapper for MapboxGL-js and overlay API.
Time / Date / Age
- react-timeago (⭐1k) - A simple time-ago component for ReactJs.
- timeago-react (⭐418) - Format date with
*** time ago
statement. eg: '3 hours ago'.
Photo / Image
- react-compare-image (⭐313) - demo - React component to compare two images using a slider.
- react-image-gallery (⭐3.7k) - Responsive image gallery, carousel, image slider react component.
- react-intense (⭐184) - A React component for viewing large images up close.
- react-svg-pan-zoom (⭐677) - A React component that adds pan and zoom features to SVG.
Icons
- react-icons (⭐11k) - Svg react icons of popular icon packs using ES6 imports.
Paginator
- react-paginate (⭐2.7k) - A ReactJS component that creates a pagination.
Markdown Viewer
- react-markdown (⭐12k) - Render Markdown as React components.
Miscellaneous
- react-blur (⭐453) - React component for blurred backgrounds.
- react-facebook (⭐781) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post.
- react-file-reader-input (⭐117) - File input component for control for file reading styling and abstraction.
- react-filter-control (⭐49) - The React filterbuilder component for building the filter criteria in the UI.
- react-joyride (⭐6.6k) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.
- react-resizable-and-movable (⭐3.8k) - Resizable and movable component for React.
- react-resizable-box (⭐2.4k) - Resizable component for React. #reactjs.
- react-split-pane (⭐3.2k) - React split-pane component.
- typography (⭐3.8k) - A powerful toolkit for building websites with beautiful typography.
Form Components / Date / Time picker
- react-big-calendar (⭐7.5k) - Gcal/outlook like calendar component.
- react-datepicker (⭐7.9k) - A simple and reusable datepicker component for React.
- react-day-picker (⭐5.8k) - Flexible date picker for React.
- react-flatpickr (⭐594) - Flatpickr for React.
- react-simple-timefield (⭐96) - demo - Simple time input field.
Form Components / Input Types
- react-credit-cards (⭐2.6k) - Beautiful credit cards for your payment forms.
Form Components / Autocomplete
- react-autosuggest (⭐6k) - WAI-ARIA compliant React autosuggest component.
- react-typeahead (⭐677) - Pure react-based typeahead and typeahead-tokenizer.
Form Components / Select
- react-aria-menubutton (⭐456) - A fully accessible, easily themeable, React-powered menu button.
- react-select (⭐27k) - A Select control built with and for React JS.
Form Components / Color Picker
- coloreact (⭐89) - A tiny Color Picker for React.
- react-input-color (⭐243) - React input color component with hsv color picker.
Form Components / Toggle
- react-ios-switch (⭐128) - React switch component.
- react-toggle (⭐945) - An elegant, accessible toggle component for React. Also a glorified checkbox.
Form Components / Slider
- react-slider (⭐880) - Slider component for React.
Form Components / Radio Button
- react-radio-group (⭐442) - Better radio buttons.
Form Components / Type Select
- react-autocomplete-input (⭐191) - Autocomplete input field for React.
- react-mentions (⭐2.4k) - Mention people in a textarea.
Form Components / Tag Input
- react-tag-input (⭐1.5k) - A fantastically simple tagging component for your React projects.
- react-tagsinput (⭐1.3k) - A simple react component for inputing tags.
- react-tokeninput (⭐148) - Tokeninput component for React.
Form Components / Autosize Input / Textarea
- react-input-autosize (⭐761) - Auto-resizing input field for React.
- react-textarea-autosize (⭐2.2k) - <textarea /> component for React which grows with content.
Form Components / Star Rating
- react-star-rating-input (⭐55) - React.js component for entering 0-5 (or more) stars.
Form Components / Drag and Drop
- react-beautiful-dnd (⭐33k) - Beautiful and accessible drag and drop for lists with React
- react-dnd (⭐21k) - Drag and Drop for React.
- react-draggable (⭐8.9k) - React draggable component.
- react-dragula (⭐992) - Drag and drop so simple it hurts.
- react-dropzone (⭐10k) - Simple HTML5 drag-drop zone with React.js.
- react-sortable-pane (⭐647) - Sortable and resizable pane component for React.
Form Components / Sortable List
- react-anything-sortable (⭐459) - Sort any children with touch support and IE8 compatibility.
Form Components / Rich Text Editor
- alloyeditor (⭐1.4k) - WYSIWYG editor based on CKEditor with completely rewritten UI.
- draft-js (⭐23k) - A React framework for building text editors.
- megadraft (⭐1.2k) - Rich Text editor built on top of draft.js.
- react-contenteditable (⭐1.6k) - React component for a div with editable contents.
Form Components / Markdown Editor
- react-markdown-editor (⭐215) - A markdown editor using React/Reflux.
Form Components / Image Editing
- react-avatar-editor (⭐2.3k) - Facebook-like, avatar / profile picture component.
- react-image-crop (⭐3.8k) - A responsive image cropping tool for React.
Form Components / Form Component Collections
- formsy-react-components (⭐288) - A set of React JS components for use in a formsy-react form.
- react-input-enhancements (⭐1.4k) - Set of enhancements for input control.
Form Components / Miscellaneous
- react-upload-gallery (⭐76) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize.
UI Layout / Syntax Highlight
- autoresponsive-react (⭐1.6k) - Auto responsive grid layout library.
- react-grid-layout (⭐20k) - A draggable and resizable grid layout with responsive breakpoints, for React.
- react-reflex (⭐618) - Flex layout container component for advanced React web applications.
UI Animation / Syntax Highlight
- react-flip-move (⭐4k) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
- react-gsap-enhancer (⭐723) - Use the full power of React and GSAP together.
- react-motion (⭐22k) - A spring that solves your animation problems.
- react-router-transition (⭐2.6k) - Transitions built for react-router, powered by react-motion.
- react-spark-scroll (⭐357) - Scroll-based actions and animations for react.
- react-track (⭐339) - Track the position of DOM elements. Create cool animations.
- react-web-animation (⭐298) - React components for the Web Animations API -.
Responsive / Syntax Highlight
- searchkit (⭐4.7k) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
- semantic-ui-react (⭐13k) - The official Semantic-UI-React integration.
Responsive / Material Design
- react-essence (⭐417) - Essence - The Essential Material Design Framework.
- react-materialize (⭐1.4k) - Material design for react, powered by materializecss.
Component Collections / Material Design
- dataminr-react-components - Collection of reusable React Components and utility functions.
- shards-react (⭐755) - docs/demo - A beautiful and modern React design system. Freemium.
- aframe-react (⭐1.4k) - Build virtual reality experiences with A-Frame and React.
- react-admin (⭐24k) - Build admin user experiences on top of REST and GraphQL services.
Reporter / Visibility Reporter
- react-visibility-sensor (⭐2.3k) - Sensor component.
- react-waypoint (⭐4.1k) - A React component to execute a function whenever you scroll to an element.
Reporter / Measurement Reporter
- react-component-queries (⭐183) - Provide props to your Components based on their Width and/or Height.
- react-container-dimensions (⭐231) - Wrapper component that detects element resize.
- react-dimensions (⭐454) - React higher-order component to get dimensions of container.
- react-height (⭐180) - Component-wrapper to determine and report children elements height.
- react-measure (⭐1.9k) - Compute measurements of a React component.
- react-sizeme (⭐1.9k) - Make your React Components aware of their width and height.
Device Input / Keyboard Events
- react-hotkeys (⭐2.1k) - Declarative hotkey and focus area management for React.
- react-key-handler (⭐388) - React component to handle keyboard events.
- react-keydown (⭐501) - Lightweight keydown wrapper for React components.
- react-shortcuts (⭐328) - Manage keyboard shortcuts from one place.
Device Input / Scroll Events
- react-scroll-components (⭐123) - A set of components that react to page scrolling.
Device Input / Touch Swipe
- react-swipe (⭐1.7k) - Swipe.js as a React component.
Meta Tags / Mouse Events
- react-helmet (⭐17k) - A document head manager for React.
Portal / Mouse Events
- react-layer-stack (⭐160) - Simple but ubiquitously powerful and agnostic layering system for React.
- react-portal (⭐2.1k) - React component for transportation of modals, lightboxes, loading bars... to document.body.
Test User Behavior / Mouse Events
- react-experiments (⭐319) - React components for implementing UI experiments.
Data Store / Mouse Events
- baobab-react (⭐310) - React integration for Baobab.
- cerebral (⭐2k) - A state controller with its own debugger.
- fluxible (⭐1.8k) - A pluggable container for universal flux applications.
- kea (⭐1.9k) - High level architecture for React apps.
- react-i13n (⭐383) - A performant, scalable and pluggable approach to instrumenting your React application.
- react-redux (⭐23k) - Official React bindings for Redux.
- redux-batched-actions (⭐1k) - Reducer + action to reduce actions under a single subscriber notification.
- redux (⭐61k) - Predictable state container for JavaScript apps.
- reselect (⭐19k) - Selector library for Redux.
Form Logic / Mouse Events
- react-jsonschema-form (⭐14k) - A React component for building Web forms from JSONSchema.
Router / Mouse Events
- react-router-component (⭐874) - Declarative router component for React.
- react-router-scroll (⭐840) - React Router scroll management.
- react-router (⭐52k) - A complete routing library for React.
- universal-router (⭐1.7k) - A simple middleware-style router for isomorphic JavaScript web apps.
Props from server / Mouse Events
- react-refetch (⭐3.4k) - A simple, declarative, and composable way to fetch data for React components.
- redux-connect (⭐550) - Provides decorator for resolving async props in react-router.
Communication with server / Mouse Events
- apollo-client (⭐19k) - A simple caching client for any GraphQL server and UI framework.
- react-relay (⭐18k) - Relay is a JavaScript framework for building data-driven React applications.
CSS / Style / Mouse Events
- aphrodite (⭐5.3k) - It's inline styles, but they work!.
- inline-style-prefixer (⭐392) - Run-time Autoprefixer for Inline Style Objects.
- react-container-query (⭐887) - Modular responsive component.
- react-responsive (⭐7k) - Media queries in react for responsive design.
- styled-components (⭐40k) - Visual primitives for the component age.
HTML Template / Mouse Events
- jsx-control-statements (⭐1.6k) - Neater If and For for React JSX.
Isomorphic Apps / Mouse Events
- hypernova (⭐5.8k) - A service for server-side rendering your JavaScript views.
- isomorphic-style-loader (⭐1.3k) - Isomorphic CSS style loader for Webpack.
- react-server (⭐3.9k) - React framework with server render for blazing fast page load.
- rill (⭐611) - Universal web application framework.
- webpack-isomorphic-tools (⭐1.3k) - Server-side rendering for your Webpack-built applications (e.g. React).
Boilerplate / Mouse Events
- create-react-app (⭐102k) - Create React apps with no build configuration.
- electron-react-boilerplate (⭐23k) - Live editing development on desktop app.
- generator-starhackit (⭐1.3k) - Full-stack starter kit.
- nwb (⭐5.6k) - CLI tool and devDependency for React apps & components and npm modules.
- react-hot-boilerplate (⭐3.9k) - Minimal live-editing boilerplate for your next ReactJS project.
Miscellaneous / Mouse Events
- react-inlinesvg (⭐1.3k) - An SVG loader component for ReactJS.
- redux-auth-patch (⭐2.1k) - Complete token authentication system for react + redux that supports isomorphic rendering.
- redux-search (⭐1.4k) - Redux bindings for client-side search.
- tcomb-react (⭐202) - Alternative syntax for PropTypes.
Utilities / Mouse Events
- qrcode.react (⭐3.7k) - A <QRCode/> component for use with React.
- react-children-utilities (⭐343) - Extended utils for React.Children.
- react-media (⭐2.4k) - A CSS media query component for React.
- react-middle-ellipsis (⭐61) - demo - Truncate long strings in the middle instead of the end.
- react-translate-component (⭐321) - Multi-lingual/localized text content.
i18n / Mouse Events
- react-i18next (⭐9k) - Internationalization for react done right. Using the i18next i18n ecosystem.
- react-intl (⭐14k) - Internationalize React apps.
- react-translate-maker (⭐35) - Universal internationalization (i18n) open source library for React.
Framework bindings / integrations / Mouse Events
- backbone-react-component (⭐810) - A bit of nifty glue that automatically plugs your Backbone models.
- elm-react-component (⭐113) - A React component which wraps an Elm module to be used in a React application.
- gl-react (⭐265) - OpenGL / WebGL bindings for React to implement complex effects over images and content.
- react-backbone (⭐132) - Backbone-aware mixins for react and a whole lot more.
- react-d3-library (⭐1.5k) - Open source library for using D3 in React.
- react-elm-components (⭐777) - Write React components in Elm.
- react-famous (⭐172) - React bridge to Famo.us.
- react-localstorage (⭐288) - Simple componentized localstorage implementation for Facebook's React.
- react-on-rails (⭐5.1k) - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.
- react-three-renderer (⭐1.5k) - Render into a three.js canvas using React.
- reactfire (⭐3.5k) - ReactJS mixin for easy Firebase integration.
- reactive-elements (⭐696) - Allows to use React.js component as HTML element (web component).
Integrations with Third Party Services / Mouse Events
- react-ga (⭐5.1k) - React Google Analytics Module.
- react-google-analytics (⭐111) - Google analytics component.
- react-recaptcha (⭐632) - A react.js reCAPTCHA for Google.
- react-stripe-checkout (⭐979) - Load stripe's checkout.js as a react component. Easiest way to use checkout with React.
- redux-segment - Segment.io analytics integration for redux.
UI / Mouse Events
- inferno (⭐16k) - An extremely fast, React-like JavaScript library for building modern user interfaces.
- react-fastclick (⭐486) - Fast Touch Events for React.
- react-static-container (⭐222) - Renders static content efficiently.
UI / Inspect
- react-perf-tool (⭐413) - Debug performance of your React application.
- react-render-visualizer (⭐836) - Render visualizer for ReactJS.
App Size / Lazy Load
- babel-plugin-transform-react-remove-prop-types (⭐898) - Remove unnecessary React propTypes.
- react-lite (⭐1.7k) - An implementation of React that optimizes for small script size.
Test / Lazy Load
- chai-enzyme (⭐787) - Chai.js assertions and convenience functions for testing React Components with enzyme.
- enzyme (⭐20k) - JavaScript Testing utilities for React.
- jest-cli (⭐44k) - Painless JavaScript Testing.
- react-unit (⭐194) - Lightweight unit test library for ReactJS.
- redux-test-recorder (⭐496) - A redux middleware to automatically generate tests for reducers through ui interaction.
- unexpected-react (⭐187) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.
Redux / Lazy Load
- redux-devtools-chart-monitor (⭐292) - A chart monitor for Redux DevTools.
- redux-devtools-dock-monitor (⭐406) - A resizable and movable dock for Redux DevTools monitors.
- redux-devtools-filterable-log-monitor (⭐155) - Filterable tree view monitor for Redux DevTools.
- redux-devtools-inspector (⭐238) - Another Redux DevTools Monitor.
- redux-devtools-log-monitor (⭐310) - The default monitor for Redux DevTools with a tree view.
- redux-devtools (⭐14k) - DevTools for Redux with hot reloading, action replay, and customizable UI.
- remote-redux-devtools (⭐1.8k) - Redux DevTools remotely.
Inspect / Lazy Load
- fluxguard - PROD change monitoring that highlights all DOM + design changes.
- react-inspector (⭐750) - Power of Browser DevTools inspectors right inside your React app.
- react-json-inspector (⭐290) - React JSON inspector component.
- reactotron (⭐15k) - A CLI and OS X app for inspecting your React JS and React Native apps.
Miscellaneous / Lazy Load
- cosmos-js (⭐8.2k) - DX tool for designing truly encapsulated React components.
- react-styleguidist (⭐11k) - React style guide generator.
- standard-react (⭐29k) - JavaScript Standard Style Guide.
- html-to-react-components (⭐2.1k) - Extract annotated portions of HTML into React components as separate modules.
- htmltojsx (⭐942) - Automatically AJAXify plain HTML with the power of React. It's magic!.
- jsonx (⭐167) - React JSON Syntax.
- mozaik (⭐3.6k) - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.
- react-blessed (⭐4.4k) - A react renderer for blessed.
Static Website Generator / Lazy Load
- gatsby (⭐55k) - Transform plain text into dynamic blogs and websites using React.js.