Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More β†’
Socket
Sign inDemoInstall
Socket

github.com/alexpate/awesome-design-systems

Package Overview
Dependencies
Alerts
File Explorer
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

github.com/alexpate/awesome-design-systems

  • v0.0.0-20240130090126-acf6f8fad880
  • Source
  • Go
  • Socket score

Version published
Created
Source

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

ComponentsVoice & ToneDesigners KitSource 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πŸ‘πŸ‘πŸ‘:space_invader:
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πŸ‘πŸ‘:closed_lock_with_key:
FutureLearn Pattern LibraryπŸ‘
GitHub PrimerπŸ‘πŸ‘:octocat:
GitLab Design System - PajamasπŸ‘πŸ‘πŸ‘:fox_face:
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

FAQs

Package last updated on 30 Jan 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚑️ by Socket Inc