Data

Tools

Indexes

Applications

Experiments

Awesome

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

awesome-react-components

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. (And it's not super popular and well-known... no point in listing those.) It has recent code commits!
https://github.com/mohamed-yamani/awesome-react-components

Last synced: 27 days ago
JSON representation

Cloud Solutions

Databases

Code Design

Boilerplate

Communication with server

  • adrenaline - Simple Relay alternative.
  • react-relay - Relay is a JavaScript framework for building data-driven React applications.
  • apollo-client - A simple caching client for any GraphQL server and UI framework.

CSS / Style

  • styled-components - Visual primitives for the component age.
  • aphrodite - It's inline styles, but they work!.
  • 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.
  • paperclip - docs - Build UI primitivites with plain HTML & CSS.
  • 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

  • zustand - docs - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api.
  • alt - Isomorphic flux implementation.
  • baobab-react - React integration for Baobab.
  • cerebral - A state controller with its own debugger.
  • effector-react - React bindings for effector, an effective multi-store state manager.
  • 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 - 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.
  • teaful - Tiny, easy and powerful React state management
  • 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.

Form Logic

  • formik - Build forms without tears and supports Validation in ease.
  • react-hook-form - React hooks for form validation without the hassle.
  • data-driven-forms - A declarative way for building forms with all the functionality.
  • 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
  • Formily - High performance, extensible, and Typescript friendly
  • 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

  • react-godfather - A new way to write Functional Components, without Hooks.
  • redux-auth-patch - Complete token authentication system for react + redux that supports isomorphic rendering.
  • tcomb-react - Alternative syntax for PropTypes.
  • react-universal-hooks - 🎉 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.
  • axios-react - HTTP client component for React.
  • 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.
  • react-inspector - Power of Browser DevTools inspectors right inside your React app.

Miscellaneous

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.
  • unexpected-react - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.
  • 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

  • DataFormsJS JSX Loader - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page.
  • 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.
  • jsondiffpatch-react - JSON diffing.

Static Website Generator

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

Performance

App Size

Server-Side Rendering

  • iSSR - The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.
  • react-esi - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments

UI

UI Animation

Form Components

Parallax

UI Components

Audio / Video

Buttons

Canvas

  • react-konva - React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework.
  • react-sketch - A Sketch tool for React based applications, backed-up by FabricJS
  • react-sketch-canvas - Demo Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets
  • react-heat-map - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.

Carousel

Chart