This is a list of AWESOME components. Nope, it's NOT a comprehensive list of every React component under the sun. So, what does "awesome" mean? Well:
- It solves a real problem
- It does so in a 🦄 unique, 🦋 beautiful, or 🏆 exceptional way
- It has recent code commits!
Look for a 🚀 for truly amazing projects. And look for quickie maintainer commentary and reviews in (italic parens) after some listings of note.
Let me know how we can improve this list!
- @petebray (current maintainer with a shameless plug of my React app for monitoring PROD website changes)
Please review our contributing guidelines.
- ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
- autoresponsive-react - Auto Responsive Layout Library For React.
- gigatables-react - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.
- griddle-react - Simple Grid Component written in React.
- mui-datatables - Advanced and Pretty Data Tables where everything is customisable.
- react-data-components - React components for sorting, filtering and pagination of data.
- react-data-grid - Excel-like grid.
- react-pivot - Data-grid component with pivot-table-like for data display, filtering, and exploration.
- reactable - Fast, flexible, and simple data tables in React.
- reactabular - Spectacular tables for React.
- sematable - Client side sorting, pagination, and text filter for redux/react based apps.
- react-infinite - A browser-ready efficient scrolling container based on UITableView.
- react-lazyload - Lazyload your Component, Image or anything matters the performance.
- react-list - A versatile infinite scroll React component.
- react-virtualized - React components for efficiently rendering large lists and tabular data.
Display overlay / modal / alert / dialog / lightbox / popup
- boron - A collection of dialog animations with React.js.
- modali - A delightful modal dialog component, built from the ground up to support React Hooks.
- react-aria-modal - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices.
- react-dock - Resizable dockable react component.
- react-modal - Accessible modal dialog component for React.
- react-skylight - A react component for modals and dialogs.
Toaster / snackbar — Notify the user with a modeless temporary little popup
- cogo-toast - demo/docs - Plug and play, toast messages, with promise support and inbuilt styling, ~3.5K. (No refs / provider needed 😊)
- react-notifications-component - demo - highly configurable notifications. (Uses refs 🙁)
- react-notification-system - A complete and totally customizable component for notifications in React. (Uses refs 🙁)
- react-notification - Snackbar notifications for React.
- 🚀 react-toastify - demo - best bet out there at the moment. Hooks support. No refs.
- react-toast-notifications - demo - pleasing toast system. (But no hooks yet.)
- reapop - A React & Redux notifications system.
- react-snackbar-alert - demo - Simple snackbar notifications. Uses Context API.
- rc-tooltip - React Tooltip.
- react-portal-tooltip - Awesome React tooltips.
- react-tooltip - React tooltip component.
Menus / sidebars
- rc-menu - React Menu.
- react-burger-menu - An off-canvas sidebar with effects and styles.
- react-contextmenu - Context Menu implemented in React.
- react-metismenu - A ready-to-use menu component for React.
- react-offcanvas - Off-canvas menus for React.
- react-sidebar - A sidebar component for React.
Fixed headers / scroll-up headers / sticky elements
- react-headroom - Hide your header until you need it.
- react-listview-sticky-header - React listview with sticky section header.
- react-sticky - <Sticky /> component for awesome React apps.
- react-stickynode - A performant and comprehensive React sticky.
- react-tabs - React tabs component.
- react-tabtab - React, tabs.
Loaders / spinners / progress bars — Let the user know that something is loading
- rc-progress - React Progress Bar.
- react-block-ui - Easy way to block the user from interacting with your UI.
- react-ladda - React wrapper for Ladda buttons.
- react-loader - React component that displays a spinner via spin.js until your component is loaded.
- react-loaders - Lightweight wrapper around Loaders.css.
- react-md-spinner - Material Design spinner components for React.js.
- react-progress-button - Simple react.js component for an inline progress indicator.
- react-progress-label - Progress label component.
- react-redux-loading-bar - Simple Loading Bar for Redux and React.
- react-spinkit - A collection of loading indicators animated with CSS for React.
- react-id-swiper - A library to use idangerous Swiper as a ReactJs component
- react-responsive-carousel - React.js Responsive Carousel (with Swipe).
- react-slick - React carousel component.
- react-accessible-accordion - Accessible Accordion component for React.
- react-collapse - Component-wrapper for collapse animation with react-motion.
Display data in charts / graphs / diagrams
- chartify - React.js plugin for building animated draggable and customizable charts.
- essential js 2 charts - Beautiful and interactive charts & graphs for react.
- react-chartist - React component for Chartist.js.
- react-chartjs - Common react charting components using chart.js.
- react-d3-components - D3 Components for React.
- react-dazzle - Dashboards made easy in React JS.
- react-google-charts - React-google-charts React component.
- react-highcharts - React-highcharts.
- react-micro-bar-chart - React component for micro bar-charts rendered with D3.
- react-sigmajs - Lightweight but powerful library for drawing network graphs built on top of SigmaJS.
- react-sparkline - React component for rendering simple sparklines.
- react-sparklines - Beautiful and expressive Sparklines React component.
- react-timeseries-charts - Declarative timeseries charts.
- react-trend - Simple, elegant spark lines.
- react-vis - Data visualization library based on React and d3.
- recharts - Redefined chart library built with React and D3.
- rumble-charts - React components for building composable and flexible charts.
- victory - Data viz for React.
- reaviz - ReactJS Data Visualization Library based on D3.js
Display a tree data structure
- react-treebeard - React Tree View Component. Data-Driven, Fast, Efficient and Customisable.
- react-treeview - Easy, light, flexible tree view made with React.
- react-ui-tree - React tree component.
Ways to navigate views
- react-scroll - React scroll component.
- react-swipeable-views - A React Component for binded Tabs and Swipeable Views.
- react-custom-scroll - demo - Easily customize the browser scroll bar with native OS scroll behavior.
- react-scrollbar - Scrollbar component for React.
- react-dailymotion - Dailymotion player component for React.
- react-music - Make beats with React.
- react-player - A react component for playing a variety of URLs, including YouTube.
- react-soundplayer - Create custom SoundCloud players with React.
- react-youtube - React.js powered YouTube player component.
- video-react - A web video player built for the HTML5 world using React library.
- google-map-react - Universal google map react component, allows render react components on the google map.
- react-geosuggest - A React autosuggest for the Google Maps Places API.
- react-gmaps - A Google Maps component for React.js.
- react-leaflet - React components for Leaflet maps.
- react-map-gl - A React wrapper for MapboxGL-js and overlay API.
- react-mapbox-gl - A React binding of mapbox-gl-js.
Display time / date / age
- react-timeago - A simple time-ago component for ReactJs.
- timeago-react - Format date with
*** time agostatement. eg: '3 hours ago'.
Display images / photos
- react-compare-image - demo - React component to compare two images using a slider.
- react-image-gallery - Responsive image gallery, carousel, image slider react component.
- react-image-lightbox - React lightbox component.
- react-images - A simple lightbox component for displaying an array of images.
- react-intense - A React component for viewing large images up close.
- react-photo-gallery - Responsive React Photo Gallery.
- react-svg-pan-zoom - A React component that adds pan and zoom features to SVG.
Display icons / icon set / emojis
- react-icons - Svg react icons of popular icon packs using ES6 imports.
Display a control element to paginate
- react-paginate - A ReactJS component that creates a pagination.
Display parsed markdow source
- react-markdown - Render Markdown as React components.
- material-color-hash - Hash strings to Material UI colors.
- react-avatar - Universal React avatar component makes it possible to generate avatars based on user information.
- react-avatar-generator - Allows users to create random kaleidoscopes to be used as avatars.
- react-color-scroll - Change and blend new colors on the background as you scroll.
- react-blur - React component for blurred backgrounds.
- react-facebook - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post.
- react-file-reader-input - File input component for control for file reading styling and abstraction.
- react-filter-control - The React filterbuilder component for building the filter criteria in the UI.
- react-joyride - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.
- react-json-tree - React JSON Viewer Component, Extracted from redux-devtools.
- react-resizable-and-movable - Resizable and movable component for React.
- react-resizable-box - Resizable component for React. #reactjs.
- react-split-pane - React split-pane component.
- react-svg-buttons - Configurable animated SVG buttons for react.
- typography - A powerful toolkit for building websites with beautiful typography.
Let the user enter data
Date picker / time picker / datetime picker / date range picker
- input-moment - React datetime picker powered by momentjs.
- rc-calendar - React Calendar.
- react-big-calendar - Gcal/outlook like calendar component.
- react-calendar - A modular toolkit to build calendar-related things in React.
- react-date-range - A React component for choosing dates and date ranges.
- react-datepicker - A simple and reusable datepicker component for React.
- react-daterange-picker - A React based date range picker.
- react-dates - An easily internationalizable, mobile-friendly datepicker library for the web.
- react-datetime - A lightweight but complete datetime picker react component.
- react-day-picker - Flexible date picker for React.
- react-flatpickr - Flatpickr for React.
- react-simple-timefield - demo - Simple time input field.
- react-yearly-calendar - React.js Yearly Calendar Component.
- r-date-picker - React.js high customize date picker component, easy style it.
Masked inputs, specialized inputs; email / telephone number / credit card / etc.
- react-credit-cards - Beautiful credit cards for your payment forms.
- react-input-mask - Yet another react component for input masking.
- react-maskedinput - Masked <input/> React component.
- react-text-mask - Input mask for React, Angular, and vanilla JavaScript. Flexible, robust & tiny.
Autosuggest / autocomplete / typeahead
- react-autosuggest - WAI-ARIA compliant React autosuggest component.
- react-typeahead-component - Typeahead, written using the React.js library.
- react-typeahead - Pure react-based typeahead and typeahead-tokenizer.
- react-aria-menubutton - A fully accessible, easily themeable, React-powered menu button.
- react-select-box - An accessible select box component for React.
- react-select - A Select control built with and for React JS.
- react-selectize - A Stateless & Flexible Select component for React inspired by Selectize.
- coloreact - A tiny Color Picker for React.
- react-color - Color Pickers from Sketch, Photoshop, Chrome & more.
- react-input-color - React input color component with hsv color picker.
- react-ios-switch - React switch component.
- react-toggle - An elegant, accessible toggle component for React. Also a glorified checkbox.
- rc-slider - React Slider.
- react-slider - Slider component for React.
- react-radio-group - Better radio buttons.
Let the user select something (e.g. a tag) while typing
- react-autocomplete-input - Autocomplete input field for React.
- react-mentions - Mention people in a textarea.
- react-tag-input - A fantastically simple tagging component for your React projects.
- react-tagsinput - A simple react component for inputing tags.
- react-tokeninput - Tokeninput component for React.
- react-input-autosize - Auto-resizing input field for React.
- react-textarea-autosize - <textarea /> component for React which grows with content.
- react-star-rating-input - React.js component for entering 0-5 (or more) stars.
- react-star-rating - A simple star rating component built with React.
- react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
- react-dnd-touch-backend - Touch Backend for react-dnd.
- react-dnd - Drag and Drop for React.
- react-draggable - React draggable component.
- react-dragula - Drag and drop so simple it hurts.
- react-droparea - Drag and Drop library for React.
- react-dropzone - Simple HTML5 drag-drop zone with React.js.
- react-sortable-pane - Sortable and resizable pane component for React.
Let the user define an order on a list
- react-anything-sortable - Sort any children with touch support and IE8 compatibility.
- react-sortable-hoc - Higher-order components to turn any list into an animated, touch-friendly, sortable list.
- react-sortable - A sortable list component built with React.
- sortablejs - A JavaScript library for reorderable drag-and-drop lists.
- alloyeditor - WYSIWYG editor based on CKEditor with completely rewritten UI.
- draft-js - A React framework for building text editors.
- megadraft - Rich Text editor built on top of draft.js.
- react-ace - React Ace Component.
- react-codemirror - Codemirror Component for React.js.
- react-contenteditable - React component for a div with editable contents.
- react-draft-wysiwyg - A Wysiwyg editor build on top of ReactJS and DraftJS.
- react-medium-editor - React wrapper for medium-editor.
- react-quill - A Quill component for React.
- react-trumbowyg - React wrapper for Trumbowyg.
- ritzy - Collaborative web-based rich text editor.
- react-markdown-editor - A markdown editor using React/Reflux.
- react-md-editor - React.js Markdown Editor Component.
Image manipulation
- react-avatar-cropper - Aiming to be a complete solution for avatar cropping in react.
- react-avatar-editor - Facebook-like, avatar / profile picture component.
- react-image-crop - A responsive image cropping tool for React.
- react-image-cropper - React image crop.
- formsy-material-ui - A Formsy compatibility wrapper for Material-UI form components.
- formsy-react-components - A set of React JS components for use in a formsy-react form.
- react-input-enhancements - Set of enhancements for input control.
- react-widgets - An à la carte set of polished, extensible, and accessible inputs built for React.
- react-designer - Easy to configure, lightweight, editable vector graphics in your react components.
- react-images-uploader - React.js component for uploading images to the server.
- react-upload-gallery - React for Upload Image Gallery. Drag & Drop, Sortable, Customize.
Components to layout the app's UI
- autoresponsive-react - Auto responsive grid layout library.
- flexbox-react Unopinionated, standard compliant flexbox components.
- golden-layout - A multi-screen javascript Layout manager.
- hedron - A no-frills flexbox grid system for React, powered by styled-components.
- m-react-splitters - React splitter component, written in TypeScript.
- react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
- react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
- react-masonry-component - A React.js component for using @desandro's Masonry.
- react-reflex - Flex layout container component for advanced React web applications.
- react-stack-grid - Pinterest like layout components for React.js.
- react-stonecutter - Animated grid layout component for React.
Animate transitions
- animakit-elastic - AnimakitElastic - React component for flexible resizing of the blocks.
- animakit-expander - AnimakitExpander - React component for the expanding and collapsing of the blocks.
- animakit-rotator - AnimakitRotator - React component for the 3D rotation of the blocks.
- data-driven-motion - Easily animate your data in react.
- rc-animate - Anim react element easily.
- react-anime - A super easy animation library for React.
- react-flip-move - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
- react-gsap-enhancer - Use the full power of React and GSAP together.
- react-magic-move - MagicMove for React.js.
- react-motion-ui-pack - Wrapper component around React Motion for easier UI transitions.
- react-motion - A spring that solves your animation problems.
- react-mt-svg-lines - A React.js wrapper component to animate the line stroke in SVGs.
- react-router-transition - Transitions built for react-router, powered by react-motion.
- react-spark-scroll - Scroll-based actions and animations for react.
- react-track - Track the position of DOM elements. Create cool animations.
- react-transitive-number - React component to apply transition effect to numeric strings, a la old Groupon timers.
- react-tween-state - React animation.
- react-tween - Tween animation for React components.
- react-web-animation - React components for the Web Animations API -.
- react.animate - State animation plugin for react.js.
- velocity-react - React components for Velocity.js.
- react-atv-img - A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React.
- react-parallax-component - Easiest way to add scroll parallax effect on the component.
Set of components + responsive layout system
- 🚀 ant-design - demo/docs - A UI Design Language.
- atlaskit - Atlassian's official UI library. (Please... no more Jira though 😉)
- belle - Configurable React Components with great UX.
- blueprint - demo - docs - UI toolkit for the web.
- carbon - demo/docs - A design system built by IBM. (Wait, since when are IBM known for design?? 🎨)
- elemental - A flexible and beautiful UI framework for React.js.
- grommet - The most advanced UX framework for enterprise applications.
- gestalt - demo/docs - A set of components that supports Pinterest’s design language. (Nice... but surprisingly not as well-designed as I would have thought from Pinterest. 😬)
- pivotal-ui-react - React components based on a custom version of the Bootstrap library.
- office-ui-fabric-react - React components for building Microsoft web experiences. (🤔 But I'm not sure I want a "MSFT experience?")
- rctui - A collection of components for React.
- react-foundation-apps - Foundation Apps components built with React.
- react-foundation - Foundation as React components.
- react-uikit-components - React UIkit Components for the UIKit CSS framework.
- rebass - Configurable React Stateless Functional UI Components.
- searchkit - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
- semantic-ui-react - The official Semantic-UI-React integration.
- 🚀 material-ui - React Components that Implement Google's Material Design. (But possibly bloated.)
- OnsenUI - demo/docs - Mobile app development framework.
- react-essence - Essence - The Essential Material Design Framework.
- react-materialize - Material design for react, powered by materializecss.
- react-toolbox - A set of React components implementing Google's Material Design.
- antd-mobile - A configurable Mobile UI.
- reactionic - React Ionic.
- touchstonejs - Mobile App Framework powered by React.
- dataminr-react-components - Collection of reusable React Components and utility functions.
- shards-react - docs/demo - A beautiful and modern React design system. Freemium 💰
- aframe-react - Build virtual reality experiences with A-Frame and React.
- react-admin - Build admin user experiences on top of REST and GraphQL services.
- react-desktop - React UI Components for macOS Sierra and Windows 10.
Report computed styles
Report when a component becomes visible/hidden
- react-visibility-sensor - Sensor component.
- react-waypoint - A React component to execute a function whenever you scroll to an element.
Determine and report measurements of an element
- react-component-queries - Provide props to your Components based on their Width and/or Height.
- react-container-dimensions - Wrapper component that detects element resize.
- react-dimensions - React higher-order component to get dimensions of container.
- react-height-reporter - React component-wrapper detecting height changes of it's children.
- react-height - Component-wrapper to determine and report children elements height.
- react-measure - Compute measurements of a React component.
- react-sizeme - Make your React Components aware of their width and height.
Turn user input into actions
- react-hotkeys - Declarative hotkey and focus area management for React.
- react-key-handler - React component to handle keyboard events.
- react-keydown - Lightweight keydown wrapper for React components.
- react-shortcuts - Manage keyboard shortcuts from one place.
- react-scroll-components - A set of components that react to page scrolling.
- react-swipe - Swipe.js as a React component.
- react-aim - Determine the cursor aim for triggering mouse events.
Set meta tags, <title>, children of
- react-document-meta - HTML meta tags for React-based apps.
- react-document-title - Declarative, nested, stateful, isomorphic document.title for React.
- react-helmet - A document head manager for React.
Render an element at an arbitrary DOM node
- react-gateway - Render React DOM into a new context (aka "Portal").
- react-layer-stack - Simple but ubiquitously powerful and agnostic layering system for React.
- react-portal - React component for transportation of modals, lightboxes, loading bars... to document.body.
A/B tests, experiments, ...
- react-ab - Simple declarative and universal A/B testing component for React.
- react-experiments - React components for implementing UI experiments.
Libraries that help with code design
Data flow / data management / data stores / components state / data flow
- alt - Isomorphic flux implementation.
- baobab-react - React integration for Baobab.
- cerebral - A state controller with its own debugger.
- fluorine-lib - Reactive state and side effect management for React using a single stream of actions.
- fluxible - A pluggable container for universal flux applications.
- fluxxor - Flux architecture tools for React.
- kea - High level architecture for React apps.
- mobx-react - React bindings for MobX. Create fully reactive components.
- react-controllables - Easily create controllable components.
- react-i13n - A performant, scalable and pluggable approach to instrumenting your React application.
- react-redux-provide - Bridges the gap between Redux and the declarative nature of GraphQL/Relay.
- react-redux - Official React bindings for Redux.
- recompose - A React utility belt for function components and higher-order components.
- redux-batched-actions - Reducer + action to reduce actions under a single subscriber notification.
- redux-batched-subscribe - Store enhancer for which allows batching subscribe notifications.
- redux-ui - Easy UI state management for react redux.
- redux - Predictable state container for JavaScript apps.
- reflux - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux.
- reselect - Selector library for Redux.
- shasta - Dead simple + opinionated toolkit for building redux/react applications.
- cerebral-module-forms - A forms handler for Cerebral.
- formcat - A simple and easy way to control forms in React using the React Context API
- formsy-react - A form input builder and validator for React JS.
- newforms - INACTIVE] Isomorphic form-handling for React.
- plexus-form - A dynamic form component for react using JSON-Schema.
- react-jsonschema-form - A React component for building Web forms from JSONSchema.
- react-redux-form - Create forms easily in React with Redux.
- react-validation-mixin - Simple validation mixin (HoC) for React.
- redux-form - A Higher Order Component using react-redux to keep form state in a Redux store.
- react-formawesome - Complex library for creating awesome forms.
- surveyjs - The advanced Survey and Form library
- tcomb-form - Forms library for react.
- winterfell - Generate complex, validated and extendable JSON-based forms in React.
- cerebral-module-router - An opinionated URL change handler for Cerebral.
- monorouter - An isomorphic JS router.
- react-breadcrumbs - Automatic breadcrumbs for React-Router.
- react-router-component - Declarative router component for React.
- react-router-redux - Ruthlessly simple bindings to keep react-router and redux in sync.
- react-router-scroll - React Router scroll management.
- react-router - A complete routing library for React.
- redux-router - Redux bindings for React Router – keep your router state inside your Redux store.
- rrtr - A complete routing solution for React.js.
- universal-router - A simple middleware-style router for isomorphic JavaScript web apps.
Component properties asynchronously fetched over the network
- react-async - Asynchronously fetch data for React components.
- react-refetch - A simple, declarative, and composable way to fetch data for React components.
- react-resolver - Async rendering & data-fetching for universal React applications.
- react-router-relay - Relay integration for React Router.
- redial - Universal data fetching and route lifecycle management for React etc.
- redux-async-connect - Request async data, store in redux state, and connect to your component.
- redux-connect - Provides decorator for resolving async props in react-router.
- adrenaline - Simple Relay alternative.
- apollo-client - A simple caching client for any GraphQL server and UI framework.
- cerebral-module-http - HTTP module for Cerebral.
- react-apollo - React data container for the Apollo Client.
- react-relay - Relay is a JavaScript framework for building data-driven React applications.
- react-transmit - Relay-inspired library based on Promises instead of GraphQL.
- aphrodite - It's inline styles, but they work!.
- classnames - A simple javascript utility for conditionally joining classNames together.
- inline-style-prefixer - Run-time Autoprefixer for Inline Style Objects.
- postcss-js - PostCSS for React Inline Styles, Free Style and other CSS-in-JS.
- radium - A set of tools to manage inline styles on React elements.
- react-container-query - Modular responsive component.
- react-css-modules - Seamless mapping of class names to CSS modules inside of React components.
- react-responsive - Media queries in react for responsive design.
- styled-components - Visual primitives for the component age.
- hyperx - Tagged template string virtual dom builder.
- jsx-control-statements - Neater If and For for React JSX.
- react-templates - Light weight templates for react.
- hypernova - A service for server-side rendering your JavaScript views.
- isomorphic-relay - Adds server side rendering support to React Relay.
- isomorphic-style-loader - Isomorphic CSS style loader for Webpack.
- react-server - React framework with server render for blazing fast page load.
- rill - Universal web application framework.
- webpack-isomorphic-tools - Server-side rendering for your Webpack-built applications (e.g. React).
Scaffold / starter kit / Yeoman generator / stack ensemble / seed
- create-react-app - Create React apps with no build configuration.
- electron-react-boilerplate - Live editing development on desktop app.
- essential-react - A minimal skeleton for building testable React apps using Babel.
- generator-flux-on-rails - Scaffolder of universal Flux / Redux app, backed by Rails API.
- generator-react-webpack - Yeoman generator for ReactJS and Webpack.
- generator-starhackit - Full-stack starter kit.
- gluestick - GlueStick is a command line interface for quickly developing universal web apps.
- nwb - CLI tool and devDependency for React apps & components and npm modules.
- react-boilerplate - Quick packager-agnostic boilerplate for React modules using JSX.
- react-hot-boilerplate - Minimal live-editing boilerplate for your next ReactJS project.
- react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes.
- react-redux-starter-kit - Get started with React, Redux, and React-Router!.
- react-redux-universal-hot-example - A starter boilerplate for a universal webapp.
- reactuate - React/Redux stack (not a boilerplate kit).
- redux-cli - An opinionated CLI for building redux/react apps quicker.
- relay-fullstack - Relay Starter Kit.
- roc - Modern Application Development Ecosystem.
- universal-redux - An npm package that lets you jump right into coding React and Redux.
- react-inlinesvg - An SVG loader component for ReactJS.
- redux-auth-patch - Complete token authentication system for react + redux that supports isomorphic rendering.
- redux-search - Redux bindings for client-side search.
- tcomb-react - Alternative syntax for PropTypes.
- qrcode.react - A <QRCode/> component for use with React.
- react-children-utilities - Extended utils for React.Children.
- react-faux-dom - DOM like structure that renders to React.
- react-media - A CSS media query component for React.
- react-middle-ellipsis - demo - Truncate long strings in the middle instead of the end.
- react-translate-component - Multi-lingual/localized text content.
Internationalization / L10n / localization / translation
- react-globalize - Bringing the i18n functionality of Globalize, backed by CLDR, to React.
- react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
- react-intl - Internationalize React apps.
- react-translate-maker - Universal internationalization (i18n) open source library for React.
- backbone-react-component - A bit of nifty glue that automatically plugs your Backbone models.
- elm-react-component - A React component which wraps an Elm module to be used in a React application.
- gl-react - OpenGL / WebGL bindings for React to implement complex effects over images and content.
- react-backbone - Backbone-aware mixins for react and a whole lot more.
- react-d3-library - Open source library for using D3 in React.
- react-elm-components - Write React components in Elm.
- react-famous - React bridge to Famo.us.
- react-localstorage - Simple componentized localstorage implementation for Facebook's React.
- react-on-rails - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.
- react-swf - Shockwave Flash Player component for React.
- react-three-renderer - Render into a three.js canvas using React.
- reactfire - ReactJS mixin for easy Firebase integration.
- reactive-elements - Allows to use React.js component as HTML element (web component).
- react-ga - React Google Analytics Module.
- react-google-analytics - Google analytics component.
- react-recaptcha - A react.js reCAPTCHA for Google.
- react-stripe-checkout - Load stripe's checkout.js as a react component. Easiest way to use checkout with React.
- redux-segment - Segment.io analytics integration for redux.
- inferno - An extremely fast, React-like JavaScript library for building modern user interfaces.
- react-canvas - High performance <canvas> rendering for React components.
- react-fastclick - Fast Touch Events for React.
- react-static-container - Renders static content efficiently.
- react-perf-tool - Debug performance of your React application.
- react-render-visualizer - Render visualizer for ReactJS.
- why-did-you-update - Puts your console on blast when React is making unnecessary updates.
- react-infinite-grid - A React component which renders a grid of elements.
- react-infinite - A browser-ready efficient scrolling container based on UITableView.
- react-lazy-load - React component that renders children elements when they enter the viewport.
- react-lazyload - Lazyload your Component, Image or anything matters the performance.
- react-virtualized - React components for efficiently rendering large lists and tabular data.
- babel-plugin-transform-react-remove-prop-types - Remove unnecessary React propTypes.
- react-lite - An implementation of React that optimizes for small script size.
- react-esi - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments
- carte-blanche - An isolated development space with integrated fuzz testing for your components.
- chai-enzyme - Chai.js assertions and convenience functions for testing React Components with enzyme.
- enzyme - JavaScript Testing utilities for React.
- jest-cli - Painless JavaScript Testing.
- legit-tests - Chainable, easy to read, React testing library.
- react-unit - Lightweight unit test library for ReactJS.
- redux-ava - Write AVA tests for redux pretty quickly.
- redux-test-recorder - A redux middleware to automatically generate tests for reducers through ui interaction.
- ui-harness - Create, isolate and test modular UI components in React.
- unexpected-react - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.
- redux-devtools-chart-monitor - A chart monitor for Redux DevTools.
- redux-devtools-dock-monitor - A resizable and movable dock for Redux DevTools monitors.
- redux-devtools-filterable-log-monitor - Filterable tree view monitor for Redux DevTools.
- redux-devtools-inspector - Another Redux DevTools Monitor.
- redux-devtools-log-monitor - The default monitor for Redux DevTools with a tree view.
- redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI.
- remote-redux-devtools - Redux DevTools remotely.
- fluxguard - PROD change monitoring that highlights all DOM + design changes.
- react-inspector - Power of Browser DevTools inspectors right inside your React app.
- react-json-inspector - React JSON inspector component.
- reactotron - A CLI and OS X app for inspecting your React JS and React Native apps.
- cosmos-js - DX tool for designing truly encapsulated React components.
- mighty-react-snippets - Crafty React and Redux ES6 snippets for Atom Editor.
- react-atellier - The smartest way to share interactive components with your team.
- react-heatpack - A 'heatpack' command for quick React development with webpack hot reloading.
- react-styleguidist - React style guide generator.
- standard-react - JavaScript Standard Style Guide.
- html-to-react-components - Extract annotated portions of HTML into React components as separate modules.
- htmltojsx - Automatically AJAXify plain HTML with the power of React. It's magic!.
- jsonx - React JSON Syntax.
- mozaik - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.
- react-blessed - A react renderer for blessed.