Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

awesome-react-components

a list of some react components, by https://twitter.com/petebray, not a very good one at that
https://github.com/anthonybrown/awesome-react-components

Last synced: 2 days ago
JSON representation

  • Miscellaneous

    • Static Website Generator

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

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

  • UI Components

  • UI Layout

    • Form Components

  • Performance

  • UI Animation

  • UI Frameworks

    • Responsive

      • ant-design - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language.
      • belle - Configurable React Components with great UX.
      • blueprint - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for the web.
      • carbon - [demo/docs](https://www.carbondesignsystem.com/) - 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](https://pinterest.github.io/gestalt/#/) - 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](https://hackernoon.com/how-i-made-my-react-app-4-times-faster-7b929479cac4).)
      • OnsenUI - [demo/docs](https://onsen.io/v2/guide/react/) - 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.
      • atlaskit - Atlassian's official UI library. _(Please... no more Jira though 😉)_

    • Mobile

    • Component Collections

      • shards-react - [docs/demo](https://designrevision.com/docs/shards-react/getting-started) - 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.
      • react-stack-cards - Collection of stack card effects for galleries and preview grids.
      • dataminr-react-components - Collection of reusable React Components and utility functions.

  • UI Utilities

  • Code Design

    • Data Store

      • 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 - 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.
      • react-redux-provide - Bridges the gap between Redux and the declarative nature of GraphQL/Relay.

    • Form Logic

      • 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.
      • formik - Build forms without tears and supports Validation in ease.

    • Router

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

    • Communication with server

    • CSS / Style

    • HTML Template

    • Isomorphic Apps

    • Boilerplate

    • Miscellaneous

  • Utilities

  • Dev Tools

  • Uncategorized

Programming Languages
JavaScript 329 TypeScript 85 CoffeeScript 5 CSS 4 Ruby 1 Elm 1 Rust 1 Less 1 LiveScript 1 SCSS 1
Categories
UI Components 207 Code Design 95 UI Frameworks 31 Utilities 28 Dev Tools 26 UI Utilities 24 UI Animation 24 Performance 15 UI Layout 12 Miscellaneous 7 Uncategorized 1
Sub Categories
Form Components 117 Miscellaneous 37 Responsive 22 Data Store 20 Chart 19 Boilerplate 18 Framework bindings / integrations 13 Form Logic 13 UI 12 Table / Data Grid 11 Test 10 Loader 10 Router 10 Reporter 9 CSS / Style 9 Notification 9 Device Input 7 Redux 7 Props from server 7 Photo / Image 7 Overlay 6 Component Collections 6 Audio / Video 6 Isomorphic Apps 6 Map 6 Communication with server 6 Menu 6 Integrations with Third Party Services 5 i18n 4 Sticky 3 Tree 3 Tooltip 3 Mobile 3 Portal 3 Inspect 3 Carousel 3 Meta Tags 3 Parallax 2 Collapse 2 HTML Template 2 Tabs 2 Test User Behavior 2 Time / Date / Age 2 UI Navigation 2 App Size 2 Static Website Generator 2 Icons 2 Custom Scrollbar 2 Paginator 2 Server-Side Rendering 1 Markdown Viewer 1 Infinite Scroll 1 Uncategorized 1
Keywords
react 206 javascript 66 react-component 31 reactjs 30 react-components 25 redux 18 ui 14 component 14 typescript 13 components 9 css 8 webpack 8 web 8 grid 8 drag-and-drop 8 babel 7 form 7 graphql 7 table 6 isomorphic 6 forms 6 nodejs 6 notifications 6 design-system 6 chart 6 svg 6 ssr 5 sortable 5 relay 5 layout 5 autocomplete 5 d3 5 universal 4 react-native 4 tooltip 4 angular 4 jsx 4 modal 4 carousel 4 json 4 datepicker 4 i18n 4 visualization 4 responsive 4 reactjs-components 4 html 4 toast 4 styled-components 4 router 4 notification 3