• React

A collection of resources to improve productivity

1. Templates
2. UI Components
3. bootstrap Components
4. grid Components
5. flexbox Components
6. Styled Components
7. Libraries
8. E-commerce
9. Animation
10. Tutorials
11. Combined Frameworks
12. Game design
13. methodology
14. Storybook
15. CMS
16. Other

• create-react-app Set up a modern web app by running one command.
• react-boilerplate 🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
• create-react-native-app Create a React Native app on any OS with no build config.
• react-starter-kit React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)
• create-react-library ⚡CLI for easily creating reusable react libraries.
• Arc React starter kit based on Atomic Design
• react-native-boilerplate A React Native project template for building solid applications through separation of concerns between the UI, state management and business logic.
• webpack-react-boilerplate Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules
• react-demo-store Moltin + React powered online store
• react-static-boilerplate A boilerplate for building static sites with Webpack 2, React and React Router
• react-workspaces-playground ⚛️ Zero Config Create-React-App Monorepos with Yarn Workspaces, Lerna and React Storybook.
• django-reactjs-boilerplate An example how you can use ReactJS with your Django project.
• django-reactjs-boilerplateDjango, React, Bootstrap 4 with Python 3 and webpack project boilerplate
• react-boilerplate Step by Step React Boilerplate

• material-ui React components for faster and easier web development. Build your own design system, or start with Material Design.
• ant-design 🌈A UI Design Language
• Blueprint A React-based UI toolkit for the web
• Semantic-UI-React The official Semantic-UI-React integration
• evergreen 🌲 Evergreen React UI Framework by Segment
• baseui A React Component library implementing the Base design language
• smooth-ui Modern React UI library 💅👩‍🎤🍭
• React95 A React components library with Win95 UI
• backpack-ui All the tools you need to build the Lonely Planet UI experience.
• awesome-react-components Catalog of React Components & Libraries
• formik Build forms in React, without the tears 😭
• react-components 🌱 garden React components
• reakit Toolkit for building accessible rich web apps with React
• react-flexbox-grid A set of React components implementing flexboxgrid with the power of CSS Modules.
• rbx 👟 rbx – The Comprehensive Bulma UI Framework for React
• Atlaskit [bitbucket] Atlassian - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
• Backpack Skyscanner - Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner products.
• [Blueprint]{https://github.com/palantir/blueprint) Palantir - A React-based UI toolkit for the web
• Canvas] Hubspot - HubSpot Canvas is the design system that we at HubSpot use to build our products.
• Carbon Design System IBM - The Carbon Design System is integrating the new IBM Design Ethos and Language.
• cf-ui] Cloudflare - A set of packages used to build UIs at Cloudflare using projects such as React.
• Garden Zendesk Garden - our curated collection of UI goodness.
• Grommet Hewlett Packard - Grommet provides all the guidance, components, and design resources you need to take your ideas from concept to a real application.
• Hack Club Design System Hack Club - A collection of React components designed for speed, consistency, and best practices.
• Lightning Design System Salesforce - A React implementation of the Lightning Design System.
• Mineral UI CA Technologies - An open-source design system created to simplify building appealing, modern software experiences.
• MongoDB Design MongoDB - Design for mission-critical applications.
• Plasma WeWork - A design system for building internal business tools at WeWork.
• Pluralsight Design System Pluralsight - The UI building blocks for creating a cohesive design across Pluralsight products.
• Polaris Shopify - Our design system helps us work together to build a great experience for all of Shopify’s merchants.
• Priceline One Priceline - A design system focused on speed, consistency, and best practices.
• Ring UI JetBrains - This collection of UI components aims to provide all of the necessary building blocks for web-based products built inside JetBrains.
• Seek Style Guide Seek - Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
• SpareBank 1's Design System SpareBank - A common language across disciplines, to ensure consistent design in our solutions.
• Spark Design System Quicken Loans - A system of patterns and components used to create the user interface for the Quicken Loans family of Fintech products.
• Swarm Design System Meetup - A set of UI components ready for use by designers and engineers to quickly ship new products and features.
• Uniform Hudl - The system includes components, visual guidelines, language and additional resources to help you build more cohesive product interfaces.
• govuk-react An implementation of the GOV.UK Design System in React using CSSinJS
• buttercup React UI Components used in Buttercup products
• Pivotal UI - Pivotal - A collection of React components that are styled for the Pivotal brand.
• flawwwless-ui Flawwwless ui library for React.js.

• react-bootstrap Bootstrap components built with React
• React-Bootstrap-with-Material-Design React Bootstrap with Material Design - Powerful and free UI KIT
• reactstrap Simple React Bootstrap 4 components
• styled-reboot Bootstrap 4 reboot.css for styled-components
• bootstrap-styled 🚀 twbs/bootstrap V4 UI Components made with bootstrap-styled. Work with css-in-js, react, styled-components, and Bootstrap Styled utilities
• styled-bootstrap 💅🏻 A styled-component implementation of Bootstrap

• react-grid-layout A draggable and resizable grid layout with responsive breakpoints, for React.
• grid Responsive React grid system built with styled-system
• react-stack-grid Pinterest like layout components for React.js
• react-rasta React Rasta is a powerful and flexible grid system for React

• react-flexa Responsive React Flexbox (CSS Flexible Box Layout Module) grid system based heavily on the standard CSS API.

• neat-components A styled-components implementation of Thoughtbot's Neat
• awesome-styled-components A curated list of awesome styled-components resources 💅
• rebass ⚛️ React primitive UI components built with styled-system.
• react-styled-flexboxgrid Grid system based on styled-components and flexbox for React
• styled-props Simple lib that allows you to set styled props in your styled-components without stress
• reactackle Open-source components library built with React and Styled-Components
• hedron A no-frills flexbox grid system for React, powered by styled-components.
• animated-styled-components React Animated Styled Components
• react-awesome-styled-grid A responsive 8-point grid system layout for React using styled-components
• react-super-styled Responsive JSX layouts with Styled Components
• react-styled-select A Select control built with Reactjs, styled-components and ❤️
• styled-components-spacing Responsive margin and padding components for styled-components 💅.
• styled-breakpoints Simple and powerful css breakpoints for styled-components and emotion 💅🏻

• gatsby Build blazing fast, modern apps and websites with React
• react-redux Official React bindings for Redux
• spectacle ReactJS based Presentation Library
• autoresponsive-react Auto Responsive Layout Library For React
• react-event-timeline A responsive event timeline in React.js
• patternfly-react A set of React components for the PatternFly project
• react-static-webpack-plugin Build full static sites using React, React Router and Webpack (Webpack 2 supported)

• saleor A modular, high performance e-commerce storefront built with Python, GraphQL, Django, and ReactJS.

• reaction Reaction is a customizable, real-time reactive, JavaScript commerce platform.

• react-stripe-elements React components for Stripe.js and Stripe Elements

• cezerin Cezerin is React and Node.js based eCommerce platform.

• https://github.com/binx/react-stripe-store roll your own ecommerce store! example:

• react-payment 💳💰 React components for credit card and bank account forms, using material-ui

• shopkit Moltin Shopkit is a minimalist component library that enables developers to easily embed commerce inside applications built with React.

• ecommerce-react MERN fullstack ecommerce react/redux/node

• pwa-theme-woocommerce E-commerce Progressive Web App Theme (React & Redux)

• nicistore Isomorphic React E-Commerce Storefront

• React-move ◾️React Move | Beautiful, data-driven animations for React
• react-epic-spinners Reusable react components for epic-spinners
• react-tilt 👓 Parallax tilt hover effect for React JS - tilt.js

• React for beginners A premium step-by-step training course to get you building real world React.js + Firebase apps and website components.
• 30-seconds-of-react Curated collection of useful React snippets that you can understand in 30 seconds or less.
• react-redux-links Curated tutorial and resource links I've collected on React, Redux, ES6, and more
• freeCodeCamp open source codebase and curriculum. Learn to code for free together with millions of people.
• react-redux-links Curated tutorial and resource links I've collected on React, Redux, ES6, and more
• 30-seconds-of-react Curated collection of useful React snippets that you can understand in 30 seconds or less.

• react-rails Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.
• react_on_rails Integration of React + Webpack + Rails using rails/webpacker to build Universal (Isomorphic) Apps (aka Server Rendering)
• frontity Frontity - Create amazing sites using WordPress & React
• Reactify-Django Integrate React & Django

• react-game-kit Component library for making games with React & React Native

• react-atomic-design 🔬 Boilerplate with the methodology Atomic Design using a few cool things.
• styled-map A super simple way to map props to styles with Styled Components ✨

• storybook-host A React Storybook decorator with helpful display options for hosting components under test.
• react-storybook-addon-chapters 📒 Showcase multiple React components within a story
• storybook-addon-styled-component-theme storybook addon
• storybook-addon-scissors React Storybook addon for showcasing stories in containers mimicking device sizes
• storybook-addon-react-live-edit storybook.js addon providing live react story editing and preview

• netlify-cms A CMS for Static Site Generators
• Relax New generation CMS on top of React, Redux and GraphQL

• react-express-oauth-login-system Complete solution for login and registration in React apps using express and oauth2 as an authentication backend.
• react-loadable ⏳ A higher order component for loading components with promises.
• Ink 🌈 React for interactive command-line apps
• metro The JavaScript bundler for React Native.
• react-beautiful-dnd Beautiful and accessible drag and drop for lists with React
• react-hook-form 📋 React custom hook for form validation without the hassle
• react-string-replace A simple way to safely do string replacement with React components
• semantic-ui-react-todos The ReactJS/Redux Todo List Example with Semantic UI Components
• react-force-graph React component for 2D, 3D and VR force directed graphs
• Stack Stack navigator for React Navigation
• react-multi-carousel A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
• Sortable Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Ember, Knockout and…