Skip to content

fnfgamedev/awesome-design-systems

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

cover

Contributions Welcome

Know a resource that isn't listed below? Feel free to create a new pull request.

A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.


Tags

  • Components: Contains coded patterns and examples.
  • Voice & Tone: Provides guidance on how language should be used.
  • Designers Kit: Includes a Sketch/Photoshop/Figma/etc. file for designers.
  • Source code: Publically viewable source code

Components Voice & Tone Designers Kit Source code *
Adobe Spectrum πŸ‘ πŸ‘ πŸ‘ :octocat:
Adjust Atlas πŸ‘ πŸ‘ πŸ‘
Alaska Airlines πŸ‘ πŸ‘ πŸ‘ :octocat:
Alibaba Ant Design πŸ‘ πŸ‘ πŸ‘ :octocat:
Amplify UI πŸ‘ πŸ‘ πŸ‘ :octocat:
Appear Here Styleguide πŸ‘ :octocat:
Apple Developer Design Guidelines πŸ‘
Aragon UI πŸ‘ :octocat:
Artsy Palette πŸ‘ :octocat:
Astro UXDS πŸ‘ πŸ‘ :octocat:
AT UIKIT πŸ‘ :octocat:
Atlassian Design System πŸ‘ πŸ‘ πŸ‘ πŸ‘Ύ
Audi UI Kit πŸ‘ πŸ‘ :octocat:
Aurora (Government of Canada) πŸ‘ πŸ‘ πŸ‘ :octocat:
AutoGuru Overdrive πŸ‘ :octocat:
AWS Cloudscape Design System πŸ‘ πŸ‘ πŸ‘ :octocat:
Backpack (Skyscanner) πŸ‘ πŸ‘ πŸ‘ :octocat:
Barnardo’s Design System πŸ‘ πŸ‘ :octocat:
Basis Design System πŸ‘ :octocat:
BBC GEL (Global Experience Language) πŸ‘ πŸ‘ πŸ‘
Bento DS πŸ‘ πŸ‘ :octocat:
BLiP πŸ‘ :octocat:
Blueprint πŸ‘ πŸ‘ :octocat:
Bold (Bridge Design System) πŸ‘ πŸ‘ :octocat:
Bolt Design System πŸ‘ :octocat:
Braid Design System πŸ‘ :octocat:
Brighte Spark Design System πŸ‘ :octocat:
British Gas Nucleus πŸ‘ πŸ‘
Buildit Gravity πŸ‘ :octocat:
Bulb Design System πŸ‘ πŸ‘
Bumbag UI πŸ‘ :octocat:
BuzzFeed Solid πŸ‘ πŸ‘ :octocat:
Buzzvil Design System πŸ‘ πŸ‘
CA Technologies Mineral UI πŸ‘ :octocat:
Cards Binary Design πŸ‘ πŸ‘ πŸ‘ :octocat:
CBRE Blocks πŸ‘ πŸ‘
Cedar πŸ‘ πŸ‘ :octocat:
censhare Zen πŸ‘ πŸ‘
Chakra UI πŸ‘ :octocat:
City of Boston Fleet πŸ‘ πŸ‘ :octocat:
Cloudflare πŸ‘ :octocat:
Co-op Experience Library πŸ‘ πŸ‘ πŸ‘ :octocat:
Contentful Forma 36 πŸ‘ πŸ‘ πŸ‘ :octocat:
Decathlon Design System - Vitamin πŸ‘ πŸ‘ :octocat:
Decentraland UI πŸ‘ :octocat:
Documenso Design System πŸ‘ πŸ‘ :octocat:
Duet πŸ‘ πŸ‘
Duolingo πŸ‘
eBay Skin πŸ‘ :octocat:
Elastic UI Framework πŸ‘ πŸ‘ πŸ‘ :octocat:
ENGIE Fluid Design System πŸ‘ πŸ‘
Enigma Boundless πŸ‘ :octocat:
Estonia Country Design Guidelines πŸ‘ πŸ‘ πŸ‘
Evergreen πŸ‘ :octocat:
Figma UI Components πŸ‘ :octocat:
Financial Times Origami πŸ‘ :octocat:
Finastra Design System πŸ‘ πŸ‘ :octocat:
Finland Toolbox πŸ‘ πŸ‘
Firefox Photon Design System πŸ‘ πŸ‘ πŸ‘ :octocat:
Fish Tank Design System πŸ‘ πŸ‘ πŸ‘ :octocat:
Flame Design System Santander πŸ‘ πŸ‘ πŸ‘
Flowbite Design System πŸ‘ πŸ‘ :octocat:
Fluent UI πŸ‘ πŸ‘ πŸ‘ :octocat:
Foundation πŸ‘ πŸ‘ πŸ‘ :octocat:
Foyer Design System πŸ‘ πŸ‘ πŸ”
FutureLearn Pattern Library πŸ‘
GitHub Primer πŸ‘ πŸ‘ :octocat:
GitLab Design System - Pajamas πŸ‘ πŸ‘ πŸ‘ 🦊
GoodBarber Design System πŸ‘
Google Material Design πŸ‘ πŸ‘ πŸ‘ :octocat:
GOV.UK Design System πŸ‘ :octocat:
Gympass Yoga πŸ‘ πŸ‘ :octocat:
Halstack πŸ‘ πŸ‘ :octocat:
HashiCorp Helios πŸ‘ πŸ‘ πŸ‘ :octocat:
Help Scout πŸ‘ πŸ‘ :octocat:
Heroku Purple3 πŸ‘
Hewlett Packard grommet πŸ‘ :octocat:
HubSpot Canvas πŸ‘ πŸ‘ :octocat:
Hudl Design System πŸ‘ πŸ‘
IBM Carbon πŸ‘ πŸ‘ πŸ‘ :octocat:
IBM Design Language πŸ‘ πŸ‘
IBM Northstar πŸ‘ πŸ‘
Intuit Harmony πŸ‘ πŸ‘ πŸ‘
JetBrains Ring UI πŸ‘ :octocat:
Jobber (πŸ”± Atlantis) πŸ‘ :octocat:
JotaDS πŸ‘ πŸ‘ :octocat:
Kaizen πŸ‘ πŸ‘ :octocat:
Kalo UI πŸ‘ :octocat:
Kiwi.com Orbit πŸ‘ πŸ‘ :octocat:
KoliBri (Public-UI) πŸ‘ :octocat:
Kontur πŸ‘ πŸ‘ :octocat:
Latitude πŸ‘ πŸ‘ πŸ‘ :octocat:
Lexicon πŸ‘ πŸ‘
Lost My Name Design System πŸ‘
Louder Than Ten Manual πŸ‘ πŸ‘
Mail.ru Group Paradigm πŸ‘ πŸ‘ πŸ‘
Mailchimp Content Styleguide πŸ‘
Mailchimp Patterns πŸ‘
Mantine πŸ‘ :octocat:
Marvel Styleguide πŸ‘
Material Minimal πŸ‘ πŸ‘ πŸ‘ :octocat:
Materialize CSS πŸ‘ πŸ‘ :octocat:
Meetup Swarm πŸ‘ πŸ‘ πŸ‘ :octocat:
Mesh Design System πŸ‘ πŸ‘
Mesosphere CNVS πŸ‘ :octocat:
Microsoft Fluent πŸ‘ πŸ‘ :octocat:
Mixpanel Design System πŸ‘ πŸ‘
MongoDB Design System πŸ‘ πŸ‘ :octocat:
Monzo Tone of Voice πŸ‘
Morningstar Design System πŸ‘ πŸ‘ πŸ‘
Mozilla Protocol πŸ‘ :octocat:
NASA Web Design System πŸ‘ :octocat:
NationBuilder Radius πŸ‘
NHS.UK Service Manual πŸ‘ πŸ‘
NetApp Luci πŸ‘
Nordhealth πŸ‘ πŸ‘
Nordnet πŸ‘ πŸ‘
Nutanix πŸ‘
Okta Odyssey Design System πŸ‘ πŸ‘ :octocat:
Opattern πŸ‘ πŸ‘
Oracle Alta UI πŸ‘
Oracle Redwood πŸ‘ πŸ‘
PatternFly πŸ‘ πŸ‘ πŸ‘ :octocat:
Persona Design System πŸ‘ πŸ‘ :octocat:
Pharos: JSTOR's Design System πŸ‘ πŸ‘ :octocat:
Pinterest Gestalt πŸ‘ :octocat:
Pivotal πŸ‘ :octocat:
Pluralsight Design System πŸ‘ :octocat:
Porsche Design System πŸ‘ πŸ‘ :octocat:
Priceline Design System πŸ‘ πŸ‘ :octocat:
Pulse Design System πŸ‘ πŸ‘ πŸ‘ :octocat:
Pusher Chameleon πŸ‘ :octocat:
Radix πŸ‘ :octocat:
Rambler πŸ‘ :octocat:
Reach UI πŸ‘ πŸ‘ :octocat:
Rendition πŸ‘ :octocat:
Salesforce Lightning Design System πŸ‘ πŸ‘ πŸ‘ :octocat:
SAP Fiori πŸ‘
SAP Fundamental πŸ‘ :octocat:
SAP OpenUI πŸ‘ :octocat:
Scania Digital Design System πŸ‘ πŸ‘ :octocat:
Seeds πŸ‘ πŸ‘ πŸ‘
SEEK Style Guide πŸ‘ :octocat:
Semi Design πŸ‘ πŸ‘ :octocat:
Semrush Intergalactic Design System πŸ‘ πŸ‘ :octocat:
Shoelace πŸ‘ πŸ‘ :octocat:
Shopify Polaris πŸ‘ πŸ‘ πŸ‘ :octocat:
Shadcn/ui πŸ‘ :octocat:
Siemens iX πŸ‘ πŸ‘ πŸ‘ :octocat:
Singapore Government Design System πŸ‘ πŸ‘ πŸ‘ :octocat:
Sky Toolkit πŸ‘ :octocat:
Stacks – Stack Overflow πŸ‘ πŸ‘ :octocat:
Starbucks Style Guide πŸ‘
Strapi Design System πŸ‘ :octocat:
Teambition Clarity Design πŸ‘
TelefΓ³nica MΓ­stica πŸ‘ πŸ‘ :octocat:
Thumbprint πŸ‘ :octocat:
Tizen CircularUI πŸ‘ πŸ‘ :octocat:
Twilio Paste πŸ‘ πŸ‘ πŸ‘ :octocat:
Uber's Base Web πŸ‘ :octocat:
Ubuntu Vanilla framework πŸ‘ πŸ‘ πŸ‘ :octocat:
USPTO UI Design Library πŸ‘ πŸ‘ :octocat:
uSwitch style guide πŸ‘ πŸ‘ :octocat:
U.S. Web Design Standards πŸ‘ πŸ‘ πŸ‘ :octocat:
U.S. CMS.gov Design System πŸ‘
Vibe πŸ‘ πŸ‘ :octocat:
Vimeo Design System πŸ‘ :octocat:
VMware Clarity Design System πŸ‘ πŸ‘ πŸ‘ :octocat:
VTEX Styleguide πŸ‘ πŸ‘ :octocat:
Vue Design System πŸ‘ :octocat:
Ray by WeWork πŸ‘ :octocat:
Welcome UI πŸ‘ :octocat:
West Midlands Network Design System πŸ‘ πŸ‘ :octocat:
Wix Style React πŸ‘
Vercel πŸ‘
Workday Canvas πŸ‘ πŸ‘ :octocat:
Yelp Styleguide πŸ‘ πŸ‘
Zendesk Garden πŸ‘ :octocat:

Notes

*Projects marked as open source may not always be open to use. Always check the license of these projects before using them.

Although 'design systems', 'ui libraries', and 'pattern libraries' are different things, they are often used interchangeably. This list contains all three.

Credits

Cover icon: 'Solar System' by Andrejs Kirma from the Noun Project

About

πŸ’…πŸ» βš’ A collection of awesome design systems

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published