awesome-react-components
Curated List of React Components & Libraries.
https://github.com/eric-erki/awesome-react-components
Last synced: 1 day ago
JSON representation
-
UI Frameworks
-
Responsive
- 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.
- office-ui-fabric-react - React components for building Microsoft web experiences.
- react-foundation - Foundation as React components.
- base web - Base Web is a foundation for initiating, evolving, and unifying web products.
- fluent-ui - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System.
- Material-UI - Full suite of components. Build your own design system, or start with Material Design.
- rebass - Configurable React Stateless Functional UI Components.
- reakit - [demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps
- Autocomplete - Accessible autocomplete, combobox, multiselect
- Icons - 1,000+ SVG material icons.
- Modal - Accessible modal dialog component.
- Slider - Accessible slider component.
- Table - table with sorting, selecting, pagination, virtualized.
-
-
UI Layout
-
Form Components
- autoresponsive-react - Auto responsive grid layout library.
- flexbox-react
- m-react-splitters - Splitter component, written in TypeScript.
- muuri-react - [demo](https://codesandbox.io/s/muuri-react-pqtbx) - Responsive, sortable, filterable and draggable grid layouts *([Muuri](https://github.com/haltu/muuri) implementation)*.
- react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
- react-masonry-component - Wrapper for @desandro's Masonry.
- react-reflex - Flex layout container component for advanced React web applications.
- react-spaces - [demo/docs](https://www.allaneagle.com/react-spaces/demo/) - Nestable anchored, resizable, scrollable components.
- react-stack-grid - Pinterest like layout components.
- react-stonecutter - Animated grid layout component.
- golden-layout - A multi-screen JavaScript Layout manager.
- hedron - A no-frills flexbox grid system, powered by styled-components.
- react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
-
-
UI Utilities
-
Device Input
- 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.
- react-hook-mighty-mouse - [demo](https://mkosir.github.io/react-hook-mighty-mouse) - Hook that tracks mouse events on selected element.
-
Meta Tags
- 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.
-
Portal
- react-gateway - Render React DOM into a new context (aka "Portal").
- react-portal - React component for transportation of modals, lightboxes, loading bars... to document.body.
- react-layer-stack - Simple but ubiquitously powerful and agnostic layering system for React.
-
Reporter
- react-visibility-sensor - Sensor component.
- react-component-queries - Provide props to your Components based on their Width and/or Height.
- react-container-dimensions - Wrapper component that detects element resize.
- react-dimensions - React higher-order component to get dimensions of container.
- react-height - Component-wrapper to determine and report children elements height.
- react-measure - Compute measurements of a React component.
- react-sizeme - Make your React Components aware of their width and height.
- react-waypoint - A React component to execute a function whenever you scroll to an element.
-
Test User Behavior
- react-ab - Simple declarative and universal A/B testing component for React.
- react-experiments - React components for implementing UI experiments.
-
-
Uncategorized
-
Utilities
-
Framework bindings / integrations
- backbone-react-component - A bit of nifty glue that automatically plugs your Backbone models.
- react-backbone - Backbone-aware mixins for react and a whole lot more.
- react-d3-library - Open source library for using D3 in React.
- 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.
- elm-react-component - A React component which wraps an Elm module to be used in a React application.
- react-three-renderer - Render into a three.js canvas using React.
- reactive-elements - Allows to use React.js component as HTML element (web component).
- gl-react - OpenGL / WebGL bindings for React to implement complex effects over images and content.
- react-elm-components - Write React components in Elm.
- reactfire - ReactJS mixin for easy Firebase integration.
-
i18n
- react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
- react-intl-universal - [demo](https://g.alicdn.com/alishu/common/0.0.95/intl-example/index.html) Internationalize React apps. Not only for React.Component but also for Vanilla JS.
- js-lingui - [docs](https://lingui.js.org) – A readable, automated, and optimized (5 kb) internationalization for JavaScript.
- react-translate-maker - Universal internationalization (i18n) open source library for React.
- react-intl - Internationalize React apps.
-
Integrations with Third Party Services
- redux-segment - Segment.io analytics integration for redux.
- 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.
-
Miscellaneous
- 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](https://bluepeter.github.io/react-middle-ellipsis/) - Truncate long strings in the middle instead of the end.
- react-translate-component - Multi-lingual/localized text content.
-
Programming Languages
Categories
Sub Categories
Form Components
112
Miscellaneous
39
Responsive
30
Data Store
20
Chart
20
Boilerplate
17
Framework bindings / integrations
13
Form Logic
12
UI
12
Test
10
CSS / Style
10
Table
9
Loader
9
Notification
9
Router
9
Component Collections
8
Reporter
8
Props from server
7
Photo / Image
7
Carousel
7
Redux
7
Device Input
7
Audio / Video
6
Overlay
6
Isomorphic Apps
6
Map
6
Communication with server
6
Integrations with Third Party Services
5
i18n
5
Inspect
4
Menu
4
Mobile
3
Meta Tags
3
Portal
3
Tree
3
Sticky
3
Custom Scrollbar
3
Uncategorized
3
Editable data grid / spreadsheet
3
Tooltip
2
HTML Template
2
Time / Date / Age
2
Paginator
2
Icons
2
Static Website Generator
2
App Size
2
UI Navigation
2
Test User Behavior
2
Infinite Scroll
2
Tabs
2
Collapse
2
Parallax
2
Markdown Viewer
1
Server-Side Rendering
1
Buttons
1
Keywords
react
206
javascript
57
reactjs
37
react-component
32
react-components
29
typescript
18
component
17
redux
12
ui
11
grid
10
css
9
table
8
ui-components
7
drag-and-drop
7
chart
7
components
7
webpack
6
animation
6
web
6
d3
6
carousel
6
design-system
6
nodejs
6
form
6
forms
6
react-hooks
6
sortable
5
charts
5
babel
5
ssr
5
router
5
notifications
5
react-native
5
material-ui
5
svg
5
data-visualization
5
relay
5
graphql
5
datepicker
5
bootstrap
4
charting-library
4
jsx
4
autocomplete
4
datagrid
4
datatable
4
html
4
reactjs-components
4
validation
4
css-in-js
4
performance
4