My favorite collection of awesome React UI libraries & Based Design Systems that I would like to use in future web development.

"A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications."

-- Will Fanguy, A comprehensive guide to design systems

List of Design system in this repo was inspired by Awesome React Design Systems React components.

React UI libraries & Based Design Systems

• Ant Design [github] - Ant Financial - A design system with values of Nature and Determinacy for better user experience of enterprise applications.
• Atlaskit [bitbucket] - Atlassian - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
• Base Web [github] - Uber - Base Web is a foundation for initiating, evolving, and unifying web products.
• Blueprint [github] - Palantir - A React-based UI toolkit for the web
• Chakra UI [github] - Chakra UI - Create a theme object to include custom color, typography, and layout values. Chakra UI comes with a default theme, so this step is optional.
• Canvas [github] - Hubspot - HubSpot Canvas is the design system that we at HubSpot use to build our products.
• Carbon Design System [github] - IBM - The Carbon Design System is integrating the new IBM Design Ethos and Language.
• cf-ui [github] - Cloudflare - A set of packages used to build UIs at Cloudflare using projects such as React.
• Elastic UI framework [github] - Elastic UI framework - The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts.
• Evergreen [github] - Evergreen - a pragmatic UI kit for building evolving products on the web. It is built and maintained open-source by Segment.
• Fluent UI [github] - Microsoft - Fluent UI React is the official open-source React front-end framework designed to build experiences that fit seamlessly into a broad range of Microsoft products. It provides robust, up-to-date, accessible components which are highly customizable using CSS-in-JS.
• Gestalt [github] - Gestalt - A set of React UI components that supports Pinterest’s design language.
• Grommet [github] - 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 [github] - Hack Club - A collection of React components designed for speed, consistency, and best practices.
• Lightning Design System [github] - Salesforce - A React implementation of the Lightning Design System.
• Material UI [github] - Google - React components that implement Google's Material Design.
• Pivotal UI [github] - Pivotal - A collection of React components that are styled for the Pivotal brand.
• Pluralsight Design System [github] - Pluralsight - The UI building blocks for creating a cohesive design across Pluralsight products.
• Polaris [github] - Shopify - Our design system helps us work together to build a great experience for all of Shopify’s merchants.
• Priceline One [github] - Priceline - A design system focused on speed, consistency, and best practices.
• React-bootstrap [github] - Bootstrap - The most popular front-end framework rebuilt for React.
• react-desktop [github] - react-desktop - react-desktop is a JavaScript library built on top of Facebook's React library, which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components.
• React SuiteJS [github] - React Suitejs - A suite of React components, sensible UI design, and a friendly development experience.
• RebaseJS [github] - React UI components built with Styled System.
• Seek Style Guide [github] - Seek - Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
• Semantic-UI-React [github] - Semantic-Ui - Semantic UI React is the official React integration for Semantic UI .
• SpareBank 1's Design System [github] - SpareBank - A common language across disciplines, to ensure consistent design in our solutions.
• Spark Design System [github] - Quicken Loans - A system of patterns and components used to create the user interface for the Quicken Loans family of Fintech products.
• Theme UI [github] - Theme UI - Build consistent, themeable React apps based on constraint-based design principles.
• Uniform - Hudl - The system includes components, visual guidelines, language and additional resources to help you build more cohesive product interfaces.

Misc.

• React Material Design Icons [github] - Brent Jackson - Built with Pixo, Styled Components, and Styled System.