jbranchaud / Awesome React Design Systems
Licence: cc0-1.0
A collection of awesome React-based design systems
Stars: ✭ 552
Projects that are alternatives of or similar to Awesome React Design Systems
Argon Design System
Argon - Design System for Bootstrap 4 by Creative Tim
Stars: ✭ 2,307 (+317.93%)
Mutual labels: design, design-systems
Welcome Ui
Customizable design system of @wttj with react • styled-components • styled-system • reakit
Stars: ✭ 256 (-53.62%)
Mutual labels: design, design-systems
Awesome Design Systems
A curated list of bookmarks, resources and articles about design systems focused on developers.
Stars: ✭ 222 (-59.78%)
Mutual labels: design, design-systems
Tachyons Verbose
Functional CSS for humans. Verbose edition.
Stars: ✭ 102 (-81.52%)
Mutual labels: design, design-systems
Webdevscom
😍 All kinds of resources for Developers 🔱 in one place.
Stars: ✭ 364 (-34.06%)
Mutual labels: design, design-systems
Design
🎨 Everything Design related in OSCA
Stars: ✭ 23 (-95.83%)
Mutual labels: design, design-systems
Ant Ux
🎸 A sitemap template for ux design
Stars: ✭ 1,077 (+95.11%)
Mutual labels: design, design-systems
Mdx Go
⚡️ Lightning fast MDX-based dev server for progressive documentation
Stars: ✭ 340 (-38.41%)
Mutual labels: design, design-systems
Prism
Gett's Design System code generator. Use Zeplin Styleguides as your R&D's Single Source of Truth.
Stars: ✭ 308 (-44.2%)
Mutual labels: design, design-systems
React Color Tools
A set of tools as React components for working with colors 🎨
Stars: ✭ 87 (-84.24%)
Mutual labels: design, design-systems
Playroom
Design with JSX, powered by your own component library.
Stars: ✭ 4,033 (+630.62%)
Mutual labels: design, design-systems
Neumorphic Ui
📚 A library of components based on the concept of neumorphism
Stars: ✭ 82 (-85.14%)
Mutual labels: design, design-systems
Design System Site
📚 Documentation, rationale and accessibility guidance
Stars: ✭ 72 (-86.96%)
Mutual labels: design, design-systems
meetup
For organizing the design systems meetup in NYC.
Stars: ✭ 23 (-95.83%)
Mutual labels: design, design-systems
Uswds
The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
Stars: ✭ 5,912 (+971.01%)
Mutual labels: design, design-systems
Design System Components
🛠 Component code and tests for the Australian Government design system
Stars: ✭ 696 (+26.09%)
Mutual labels: design, design-systems
Modulz Original Design System Archive
An open-source design system for building scalable, responsive websites and applications.
Stars: ✭ 300 (-45.65%)
Mutual labels: design, design-systems
Theme Specification
A specification for defining theme objects & design tokens for use with UI components
Stars: ✭ 374 (-32.25%)
Mutual labels: design, design-systems
Awesome React Design Systems
"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
A curated list of design systems made up of reusable React components.
Contents
React 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.
- Backpack [github] - Skyscanner - Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner products.
- Blueprint [github] - Palantir - A React-based UI toolkit for the web
- 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.
- Garden [github] - Zendesk Garden - our curated collection of UI goodness.
- 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.
- Mineral UI [github] - CA Technologies - An open-source design system created to simplify building appealing, modern software experiences.
- MongoDB Design [github] - MongoDB - Design for mission-critical applications.
- Pivotal UI [github] - Pivotal - A collection of React components that are styled for the Pivotal brand.
- Plasma [github] - WeWork - A design system for building internal business tools at WeWork.
- 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.
- Ring UI [github] - 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 [github] - Seek - Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
- 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.
- Swarm Design System [github] - 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.
React Native Design Systems
- React Native Elements [github] - React Native Training - Cross Platform React Native UI Toolkit.
- NativeBase [github] - GeekyAnts - Essential cross-platform UI components for React Native & Vue Native.
- Shoutem UI [github] - Shoutem - Shoutem UI toolkit enables you to build professionally looking React Native apps with ease.
- Teaset [github] - rilyu - A UI library for react native.
Misc.
- React Material Design Icons [github] - Brent Jackson - Built with Pixo, Styled Components, and Styled System.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].