Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

awesome-react-components

Curated List of React Components & Libraries.
https://github.com/eric-erki/awesome-react-components

Last synced: 6 days ago
JSON representation

  • Code Design

    • Boilerplate

    • Communication with server

    • CSS / Style

      • styled-components - Visual primitives for the component age.
      • aphrodite - It's inline styles, but they work!.
      • classnames - A simple javascript utility for conditionally joining classNames together.
      • radium - A set of tools to manage inline styles on React elements.
      • react-css-modules - Seamless mapping of class names to CSS modules inside of React components.
      • reactponsive - Responsive components and hooks.
      • inline-style-prefixer - Run-time Autoprefixer for Inline Style Objects.
      • react-container-query - Modular responsive component.
      • react-responsive - Media queries in react for responsive design.
      • aesthetic - A powerful type-safe, framework agnostic, CSS-in-JS library for styling components, whether it be plain objects, importing stylesheets, or simply referencing external class names.

    • Data Store

      • alt - Isomorphic flux implementation.
      • baobab-react - React integration for Baobab.
      • cerebral - A state controller with its own debugger.
      • fluxible - A pluggable container for universal flux applications.
      • fluxxor - Flux architecture tools for React.
      • mobx-react - React bindings for MobX. Create fully reactive components.
      • react-3ducks - [demo](https://stackblitz.com/github/smakazmi/react-3ducks/tree/master/examples/todos) - Simple state management solution for React.
      • react-controllables - Easily create controllable components.
      • react-i13n - A performant, scalable and pluggable approach to instrumenting your React application.
      • redux-batched-actions - Reducer + action to reduce actions under a single subscriber notification.
      • redux-batched-subscribe - Store enhancer for which allows batching subscribe notifications.
      • reflux - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux.
      • shasta - Dead simple + opinionated toolkit for building redux/react applications.
      • fluorine-lib - Reactive state and side effect management for React using a single stream of actions.
      • reselect - Selector library for Redux.
      • kea - High level architecture for React apps.
      • resourcerer - Declarative data-fetching framework for REST APIs
      • react-redux-provide - Bridges the gap between Redux and the declarative nature of GraphQL/Relay.
      • react-redux - Official React bindings for Redux.
      • redux - Predictable state container for JavaScript apps.
      • react-storage-hoc - [demo](https://codesandbox.io/s/c0hxj?module=/src/App.js) - Higher-order components for working with localStorage and sessionStorage.

    • Form Logic

      • formik - Build forms without tears and supports Validation in ease.
      • react-hook-form - React hooks for form validation without the hassle.
      • formcat - A simple and easy way to control forms in React using the React Context API
      • plexus-form - A dynamic form component for react using JSON-Schema.
      • react-validation-mixin - Simple validation mixin (HoC) for React.
      • react-final-form - Subscription-based form state management
      • 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.
      • formsy-react - A form input builder and validator for React JS.
      • react-jsonschema-form - A React component for building Web forms from JSONSchema.

    • HTML Template

    • Isomorphic Apps

    • Miscellaneous

      • redux-auth-patch - Complete token authentication system for react + redux that supports isomorphic rendering.
      • tcomb-react - Alternative syntax for PropTypes.
      • react-universal-hooks - :tada: support react hooks everywhere (Functional or Class Component).
      • redux-search - Redux bindings for client-side search.
      • react-find - ⚛️ Elegant, accessible search component for React.

    • Props from server

      • 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-connect - Provides decorator for resolving async props in react-router.
      • redux-async-connect - Request async data, store in redux state, and connect to your component.

    • Router

  • Dev Tools

    • Inspect

      • react-json-inspector - React JSON inspector component.
      • fluxguard - PROD change monitoring that highlights all DOM + design changes.
      • reactotron - A CLI and OS X app for inspecting your React JS and React Native apps.

    • Miscellaneous

      • 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.
      • standard-react - JavaScript Standard Style Guide.
      • cosmos-js - DX tool for designing truly encapsulated React components.
      • react-styleguidist - React style guide generator.
      • story-tab - [demo](https://mkosir.github.io/story-tab) - CLI tool for generating component code as documentation in Storybook tab.

    • Redux

    • Test

      • carte-blanche - An isolated development space with integrated fuzz testing for your components.
      • react-unit - Lightweight unit test library for ReactJS.
      • redux-test-recorder - A redux middleware to automatically generate tests for reducers through ui interaction.
      • rut - React testing made easy with `react-test-renderer`. Supports DOM and custom renderers.
      • 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-ava - Write AVA tests for redux pretty quickly.
      • chai-enzyme - Chai.js assertions and convenience functions for testing React Components with enzyme.
      • jest-cli - Painless JavaScript Testing.
      • enzyme - JavaScript Testing utilities for React.

  • Miscellaneous

    • Miscellaneous

      • 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.

    • Static Website Generator

      • gatsby - Transform plain text into dynamic blogs and websites using React.js.
      • phenomic - Modern static\* website generator based on the React and Webpack ecosystem.

  • Performance

  • UI Animation

  • UI Components

Programming Languages
JavaScript 290 TypeScript 88 CSS 4 CoffeeScript 3 SCSS 2 LiveScript 1 Rust 1 Ruby 1
Categories
UI Components 209 Code Design 96 UI Frameworks 35 Utilities 29 Dev Tools 27 UI Utilities 23 UI Animation 20 Performance 15 UI Layout 13 Miscellaneous 7 Uncategorized 3
Sub Categories
Form Components 111 Miscellaneous 40 Responsive 24 Data Store 21 Chart 20 Boilerplate 17 Framework bindings / integrations 13 UI 12 Form Logic 12 CSS / Style 10 Test 10 Router 9 Notification 9 Table 9 Loader 9 Component Collections 8 Reporter 8 Photo / Image 7 Props from server 7 Carousel 7 Redux 7 Device Input 7 Overlay 6 Audio / Video 6 Isomorphic Apps 6 Communication with server 6 Map 6 Integrations with Third Party Services 5 i18n 5 Menu 4 Inspect 3 Uncategorized 3 Custom Scrollbar 3 Sticky 3 Tree 3 Portal 3 HTML Template 3 Mobile 3 Meta Tags 3 Tooltip 2 Editable data grid / spreadsheet 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