DragorWW / Awesome Design Language System
Licence: mit
list of awesome resources about digital design system.
Stars: ✭ 69
Projects that are alternatives of or similar to Awesome Design Language System
Styleguide
The VTEX Design System and React component library.
Stars: ✭ 138 (+100%)
Mutual labels: styleguide, design-system
core
The Pangolin.js core that drives everything.
Stars: ✭ 18 (-73.91%)
Mutual labels: styleguide, design-system
Vue Styleguidist
Created from react styleguidist for Vue Components with a living style guide
Stars: ✭ 2,133 (+2991.3%)
Mutual labels: styleguide, design-system
react-dsfr
Non-official React components of the official french Système de Design de l'État.
Stars: ✭ 48 (-30.43%)
Mutual labels: styleguide, design-system
vf-core
A (primarily CSS) framework that targets needs of life science websites and services
Stars: ✭ 16 (-76.81%)
Mutual labels: styleguide, design-system
Css
The CSS design system that powers GitHub
Stars: ✭ 10,670 (+15363.77%)
Mutual labels: styleguide, design-system
Axiom React
Axiom - Brandwatch design system and React pattern library
Stars: ✭ 41 (-40.58%)
Mutual labels: styleguide, design-system
Vitamin Web
Decathlon Design System libraries for web applications
Stars: ✭ 70 (+1.45%)
Mutual labels: styleguide, design-system
oskrhq-design-system
A mostly reasonable although opinionated approach to building responsive Digital Interfaces sharing the same anatomy.
Stars: ✭ 60 (-13.04%)
Mutual labels: styleguide, design-system
react-pluto
A package of small but beautiful React components from the planet, Pluto. 🔵 Get minimal components for your React based applications 😍
Stars: ✭ 17 (-75.36%)
Mutual labels: styleguide, design-system
Uiengine
Workbench for UI-driven development
Stars: ✭ 349 (+405.8%)
Mutual labels: styleguide, design-system
Sugui Design System
A design system template for the SugUI components library based on styleguidist
Stars: ✭ 17 (-75.36%)
Mutual labels: styleguide, design-system
Pytorch Styleguide
An unofficial styleguide and best practices summary for PyTorch
Stars: ✭ 1,025 (+1385.51%)
Mutual labels: styleguide
Flame
Component library for building Lightspeed products
Stars: ✭ 65 (-5.8%)
Mutual labels: design-system
Awesome design language system
A curated list of awesome resources about digital design system.
Keywords: Design system, Design language framework, Design styleguide, Visual language, Vertical rhythm, Design grid system
Contents
Meta Design system
Design system
- Atlassian Design Language
- BBC Gel
- Blackboard
- Carbon by IBM
- Code for America
- Disqus
- Dropbox
- Facebook Brand Resource Center
- FutureLearn
- Google Material Design
- Harmony
- HealthCare.gov
- IBM
- iOS Human Interface Guidelines (Apple)
- Mailchimp (email design guide)
- MailChimp Content Style Guide
- Microsoft Design
- mixpanel Design
- Nordnet
- OpenTable
- Photon Design System (Firefox)
- Shopify Polaris
- Uber
- Ubuntu
- Universal Windows Platform Guidelines (Microsoft)
- US Gov
- Wonderbly Design System
- [🇷🇺] Gov.design (Github) - Дизайн государственных систем России
- [🇷🇺] Дизайн Альфа-Банка (GitHub, Demo)
- [🇷🇺] Дизайн-система Иви
- [🇷🇺] Контур.Гайды
Design system frontend
- Alta UI by Oracle
- ANT DESIGN - A UI Design Language
- Atlas Kit (Atlassian) (React)
- Backpack UI: by Lonely Planet (GitHub, Demo)
- Bootstrap
- Brainly style guide (CSS)
- Carbon by IBM (React)
- Clarity Design System
- Co-op Design manual
- Coursera ui (React)
- Element (Vue 2)
- Ellucian
- Evergreen: by Segment (GitHub, Demo)
- Fabric: By Microsoft for MS Office (GitHub, Demo)
- Grommet: bu Hewlett Packard (GitHub, Demo)
- Lightning Design System: by Salesforce (Demo, GitHub)
- MailChimp Pattern Library: by MailChimp
- Marvel by Marvel
- Material-UI (React)
- Modulz Design System: An open–source design system of styles, components, templates, tools and documentation. (Demo, GitHub)
- Pajamas: by Gitlab (Source, Sketch)
- Pivotal
-
Plasma design system: bu WeConnect (GitHub, Demo)
- [Medium: Plasma design system - Creating and documenting a product design system](https://medium.com/p/
- Predix UI (GitHub, Demo)
- Primer: by GitHub (GitHub, Demo)
- Ring UI (jetbrains) (React)
- Rizzo: by Lonely Planet (GitHub)
- RSUITE (GitHub, Demo)
- Semantic UI
- Solid: by Buzzfeed (GitHub)
- Storybook Design System: by Storybook (Demo, GitHub)
- UI Kit
- Yelp
- [🇷🇺] VKUI: by Vkontakte (GitHub) - android, ios ui kit
Tools
Blog post
- Airbnb (article)
- How we’re using Component Based Design
- Creating a Design System Language…
- Plasma design system
- Building a Visual Language: Behind the scenes of our Airbnb design system
- Building a Visual Language
- A List of Style Guides, Brand Guidelines, and Front-End Frameworks
- 🇷🇺 4 правила работы в Sketch над крупными проектами
- Deep dive CSS: font metrics, line-height and vertical-align
- Align svg icons to text
- Design Systems Sprint 0: The Silver Bullet of Product Development.
- Design Systems Sprint 1: The Interface Inventory
- Design System Sprint 2: One Color Palette to Rule them All
- Design System Sprint 3: Managing the Basics
- Design System Sprint 4: Design Principles
- Design System Sprint 5: Managing Typography
- Design System Sprint 6: The Fastest Icons on Earth
- Building a design system for HealthCare.gov
- Create design system guid
Grid
- Specifics 001: The 8-Point Grid
- Sketch Workflow — 8 point Soft Grids
- [🇷🇺] Intro to the 8-Point Grid System
- Google Material Design — Metrics & keylines article
- Intuit’s Harmony Design System
Other
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].