awesome-list
Awesome personal list
https://github.com/guaxinim/awesome-list
Last synced: 7 days ago
JSON representation
-
Cases
-
Component Collections
- react-components - React components used by Khan Academy.
- dataminr-react-components - Collection of reusable React Components and utility functions.
-
Mobile
- onsenui - Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components.
- touchstonejs - Mobile App Framework powered by React.
- antd-mobile - A configurable Mobile UI.
- reactionic - React Ionic.
-
Other
- react-desktop - React UI Components for macOS Sierra and Windows 10.
- admin-on-rest - A frontend framework for building admin SPAs on top of REST services, using React and Material Design.
- aframe-react - Build virtual reality experiences with A-Frame and React.
-
Responsive
- elemental - A flexible and beautiful UI framework for React.js.
- rctui - A collection of components for React.
- belle - Configurable React Components with great UX.
- react-uikit-components - React UIkit Components for the UIKit CSS framework.
- searchkit - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
- react-foundation-apps - Foundation Apps components built with React.
- grommet - The most advanced UX framework for enterprise applications.
- @blueprintjs/core - Core styles & components.
- semantic-ui-react - The official Semantic-UI-React integration.
- pivotal-ui-react - React components based on a custom version of the Bootstrap library.
- antd - A UI Design Language.
- react-bootstrap - Bootstrap 3 components built with React.
- reactstrap - Simple React Bootstrap 4 components.
- react-mdl - React Components for Material Design Lite.
- react-materialize - Material design for react, powered by materializecss.
- react-toolbox - A set of React components implementing Google's Material Design specification with the power of CSS Modules.
- react-material - Material design components written with React.js and React Style.
- react-essence - Essence - The Essential Material Design Framework.
- react-foundation - Foundation as React components.
- material-ui - React Components that Implement Google's Material Design.
- rebass - Configurable React Stateless Functional UI Components.
-
-
Code Design
-
Boilerplate
- redux-cli - An opinionated CLI for building redux/react apps quicker.
- reactuate - React/Redux stack (not a boilerplate kit).
- essential-react - A minimal skeleton for building testable React apps using Babel.
- gluestick - GlueStick is a command line interface for quickly developing universal web applications using React and Redux.
- relay-fullstack - Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS.
- universal-redux - An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering. Only manage Express setups or Webpack configurations if you want to.
- nwb - CLI tool and devDependency for React apps & components and npm modules.
- react-redux-universal-hot-example - A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform.
- generator-starhackit - StarHackIt: React/Redux + Node full-stack starter kit with authentication and authorization, data backed by SQL.
- react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes.
- generator-react-webpack - Yeoman generator for ReactJS and Webpack.
- reactpack - Build your react apps with one command and one `npm i`.
- react-hot-boilerplate - Minimal live-editing boilerplate for your next ReactJS project.
- roc - Modern Application Development Ecosystem.
- redux-webpack-es6-boilerplate - A starter project for modern React apps with Redux.
- generator-flux-on-rails - Scaffolder of universal Flux / Redux app, backed by Rails API.
- react-redux-starter-kit - Get started with React, Redux, and React-Router!.
- react-boilerplate - Quick packager-agnostic boilerplate for React modules using JSX.
- create-react-app - Create React apps with no build configuration.
- electron-react-boilerplate - Live editing development on desktop app.
-
Communication with server
- adrenaline - Simple Relay alternative.
- react-transmit - Relay-inspired library based on Promises instead of GraphQL.
- react-relay - Relay is a JavaScript framework for building data-driven React applications.
- react-apollo - React data container for the Apollo Client.
- cerebral-module-http - HTTP module for Cerebral.
- apollo-client - A simple caching client for any GraphQL server and UI framework.
-
CSS / Style
- styled-components - Visual primitives for the component age.
- react-css-modules - Seamless mapping of class names to CSS modules inside of React components.
- aphrodite - It's inline styles, but they work!.
- postcss-js - PostCSS for React Inline Styles, Free Style and other CSS-in-JS.
- react-inline-css - Write CSS inside your React components!.
- classnames - A simple javascript utility for conditionally joining classNames together.
- stilr - Encapsulated styling for your javascript components with all the power of javascript and CSS combined.
- react-css-components - Define React presentational components with CSS.
- radium - A set of tools to manage inline styles on React elements.
- react-responsive - Media queries in react for responsive design.
- react-container-query - Modular responsive component.
- inline-style-prefixer - Run-time Autoprefixer for Inline Style Objects.
- react-look - Advanced & Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools.
-
Data Store
- redux-batched-actions - Redux higher order reducer + action to reduce actions under a single subscriber notification.
- react-i13n - A performant, scalable and pluggable approach to instrumenting your React application.
- shasta - Dead simple + opinionated toolkit for building redux/react applications.
- 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.
- fluxxor - Flux architecture tools for React.
- fluxible - A pluggable container for universal flux applications.
- alt - Isomorphic flux implementation.
- baobab-react - React integration for Baobab.
- react-controllables - Easily create controllable components.
- recompose - A React utility belt for function components and higher-order components.
- redux-ui - Easy UI state management for react redux.
- mobx-react - React bindings for MobX. Create fully reactive components.
- cerebral - A state controller with its own debugger.
- 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.
- react-redux-provide - Bridges the gap between Redux and the declarative nature of GraphQL/Relay. Share, manipulate, and replicate application state across any number of components.
- react-redux - Official React bindings for Redux.
- redux - Predictable state container for JavaScript apps.
-
Form Logic
- react-validation-mixin - Simple validation mixin (HoC) for React.
- newforms - INACTIVE] Isomorphic form-handling for React.
- formsy-react - A form input builder and validator for React JS.
- winterfell - Generate complex, validated and extendable JSON-based forms in React.
- react-redux-form - Create forms easily in React with Redux.
- tcomb-form - Forms library for react.
- plexus-form - A dynamic form component for react using JSON-Schema.
- cerebral-module-forms - A forms handler for Cerebral.
- react-jsonschema-form - A React component for building Web forms from JSONSchema.
- redux-form - A Higher Order Component using react-redux to keep form state in a Redux store.
-
HTML Template
- jsx-control-statements - Neater If and For for React JSX.
- hyperx - Tagged template string virtual dom builder.
-
Isomorphic Apps
- hypernova - A service for server-side rendering your JavaScript views.
- react-server - React framework with server render for blazing fast page load and seamless transitions between pages in the browser.
- isomorphic-relay - Adds server side rendering support to React Relay.
- rill - Universal web application framework.
- isomorphic-style-loader - Isomorphic CSS style loader for Webpack.
- webpack-isomorphic-tools - Server-side rendering for your Webpack-built applications (e.g. React).
-
Miscellaneous
- redux-auth-patch - Complete token authentication system for react + redux that supports isomorphic rendering.
- tcomb-react - Alternative syntax for PropTypes.
- redux-search - Redux bindings for client-side search.
-
Props from server
- react-async - Asynchronously fetch data for React components.
- async-props - Co-located data loading for React Router.
- react-router-relay - Relay integration for React Router.
- redux-connect - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React.
- react-resolver - Async rendering & data-fetching for universal React applications.
- react-refetch - A simple, declarative, and composable way to fetch data for React components.
- redial - Universal data fetching and route lifecycle management for React etc.
- redux-async-connect - It allows you to request async data, store them in redux state and connect them to your react component.
-
Router
- react-router-component - Declarative router component for React.
- redux-router - Redux bindings for React Router – keep your router state inside your Redux store.
- react-router-scroll - React Router scroll management.
- universal-router - A simple middleware-style router for isomorphic JavaScript web apps.
- rrtr - A complete routing solution for React.js.
- react-router-redux - Ruthlessly simple bindings to keep react-router and redux in sync.
- monorouter - An isomorphic JS router.
- react-router - A complete routing library for React.
- react-breadcrumbs - Automatic breadcrumbs for React-Router.
- cerebral-module-router - An opinionated URL change handler for Cerebral.
-
-
Demos
-
Audio / Video
- react-player - A react component for playing a variety of URLs, including file paths, YouTube, SoundCloud and Vimeo.
- react-video - React component to load video from Vimeo or Youtube across any device.
- react-music - Make beats with React.
- react-dailymotion - Dailymotion player component for React.
- video-react - A web video player built for the HTML5 world using React library.
- react-youtube - React.js powered YouTube player component.
- react-soundplayer - Create custom SoundCloud players with React.
-
Carousel
- react-slick - React carousel component.
- react-responsive-carousel - React.js Responsive Carousel (with Swipe).
-
Chart
- react-chartist - React component for Chartist.js.
- d3-react-squared - Lightweight event system for (d3) charts and other components for ReactJS.
- react-d3-components - D3 Components for React.
- recharts - Redefined chart library built with React and D3.
- react-chartjs - Common react charting components using chart.js.
- react-dazzle - Dashboards made easy in React JS.
- react-vis - Data visualization library based on React and d3.
- react-sparkline - React component for rendering simple sparklines.
- react-sparklines - Beautiful and expressive Sparklines React component.
- rumble-charts - React components for building composable and flexible charts.
- react-micro-bar-chart - React component for micro bar-charts rendered with D3.
- react-timeseries-charts - Declarative timeseries charts.
- react-google-charts - React-google-charts React component.
- victory - Data viz for React.
- react-sigmajs - Lightweight but powerful library for drawing network graphs built on top of SigmaJS.
- react-highcharts - React-highcharts.
- react-trend - Simple, elegant spark lines.
- chartify - React.js plugin for building animated draggable and customizable charts.
-
Collapse
- react-collapse - Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height.
- react-accessible-accordion - Accessible Accordion component for React.
-
Custom Scrollbar
- react-custom-scrollbars - React scrollbars component.
- react-scrollbar - Scrollbar component for React.
- react-smooth-scrollbar - React implementation of smooth-scrollbar.
- react-gemini-scrollbar - React component for custom overlay-scrollbars with native scrolling mechanism.
- react-custom-scroll - Easily customize the browser scroll bar with native OS scroll behavior.
-
Form Components
- react-datepicker - A simple and reusable datepicker component for React.
- rc-calendar - React Calendar.
- react-day-picker - Flexible date picker for React.
- react-daterange-picker - A React based date range picker.
- react-yearly-calendar - React.js Yearly Calendar Component.
- react-calendar - A modular toolkit to build calendar-related things in React.
- input-moment - React datetime picker powered by momentjs.
- react-bootstrap-datetimepicker - A react.js datetime picker for bootstrap.
- react-bootstrap-daterangepicker - A date/time picker for react (using bootstrap). This is a react port of bootstrap-daterangepicker.
- react-date-select - A React Date Select / Picker Input Component.
- react-infinite-calendar - Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.
- react-input-mask - Yet another react component for input masking.
- react-maskedinput - Masked <input/> React component.
- react-autosuggest - WAI-ARIA compliant React autosuggest component.
- react-typeahead - Pure react-based typeahead and typeahead-tokenizer.
- react-typeahead-component - Typeahead, written using the React.js library.
- react-selectize - A Stateless & Flexible Select component for React inspired by Selectize.
- react-aria-menubutton - A fully accessible, easily themeable, React-powered menu button.
- react-select - A Select control built with and for React JS.
- react-select-box - An accessible select box component for React.
- react-color - Color Pickers from Sketch, Photoshop, Chrome & more.
- coloreact - A tiny Color Picker for React.
- react-ios-switch - React switch component.
- rc-slider - React Slider.
- react-radio-group - Better radio buttons.
- react-tagsinput - A simple react component for inputing tags.
- react-tokeninput - Tokeninput component for React.
- react-autocomplete-input - Autocomplete input field for React.
- react-input-autosize - Auto-resizing input field for React.
- react-star-rating-input - React.js component for entering 0-5 (or more) stars.
- react-sortable-pane - Sortable and resizable pane component for React.
- react-dragula - Drag and drop so simple it hurts.
- react-droparea - Drag and Drop library for React.
- react-anything-sortable - A ReactJS component that can sort any children with touch support and IE8 compatibility.
- react-sortable-hoc - A set of higher-order components to turn any list into an animated, touch-friendly, sortable list.
- react-sortable - A sortable list component built with React.
- react-quill - A Quill component for React.
- react-ace - React Ace Component.
-
Programming Languages
Categories
Sub Categories
Form Components
117
Miscellaneous
37
Responsive
21
Data Store
20
Boilerplate
20
Chart
18
Framework bindings / integrations
14
CSS / Style
13
UI
13
Loader
11
Form Logic
10
Test
10
Openshift
10
Router
10
Reporter
9
JBoss Data Virtualization
9
Props from server
8
Menu
8
Device Input
8
Map
7
Audio / Video
7
Redux
7
Sticky
6
Isomorphic Apps
6
Communication with server
6
Photo / Image
6
Integrations with Third Party Services
5
Notification
5
Custom Scrollbar
5
i18n
4
Mobile
4
Time / Date / Age
3
Tooltip
3
Other
3
Portal
3
Inspect
3
Tree
3
Icons
3
Static Website Generator
3
Meta Tags
3
Tabs
3
Component Collections
2
Carousel
2
App Size
2
UI Navigation
2
Test User Behavior
2
HTML Template
2
Collapse
2
Parallax
2
Paginator
1
Markdown Viewer
1
JBoss Data Grid
1
Keywords
react
167
javascript
53
react-component
29
reactjs
22
react-components
21
component
12
redux
11
typescript
9
grid
7
webpack
7
ui
7
babel
6
nodejs
6
css
6
svg
5
isomorphic
5
components
5
graphql
5
web
5
d3
5
relay
5
table
5
css-in-js
5
data-visualization
4
datepicker
4
autocomplete
4
responsive
4
animation
4
css-modules
4
chart
4
drag-and-drop
4
router
4
html
4
modal
4
carousel
4
universal
4
mobile
3
map
3
ssr
3
antd
3
bootstrap
3
toolkit
3
layout
3
boilerplate
3
charts
3
forms
3
jsx
3
charting-library
3
resizable
3
npm-module
3