alexpate / awesome-design-systems
git clone https://github.com/alexpate/awesome-design-systems.git
π π» β A collection of awesome design systems
+8
stars, 24h Β· #4,333
+~44
stars, 7 days Β· #4,541
+~190
stars, 30 days Β· #4,180
26k
β
total Β· +0% this week
1.7k
forks Β· 14 open issues
Star history (as recorded here)
LicenseUnlicense
Created2017-06-06 (9y ago)
Last push17d ago
Watchers460
OwnerUser
GitHub topics
Links
- GitHub: github.com/alexpate/awesome-design-systems
- Homepage: https://git.io/design-systems
- Releases Β· Issues Β· Hacker News mentions
README excerpt
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: Publicly viewable source code --- | | Components | Voice & Tone | Designers Kit | Source code \* | | ---------------------------------------------------------------------------------- | :--------: | :----------: | :-----------: | :----------------------------------------------------------------------------------------------------: | | Aalto University | π | π | π | | | Adobe Spectrum | π | π | π | :octocat: | | Adjust Atlas | π | π | π | | | Alaska Airlines | π | π | π | :octocat: | | Alibaba Ant Design | π | π | π | :octocat: | | Amplify UI | π | π | π | :octocat: | | Appear Here Styleguide | π | | | :octocat: | | Apple Developer Design Guidelines | | | π | | | Arena by Dravensoft | π | | | :octocat: | | Artsy Palette | π | | | :octocat: | | Astro UXDS | π | | π | :octocat: | | AT UIKIT | π | | | :octocat: | | Atlassian Design System | π | π | π | :space_invader: | | Aurora (Government of Canada) | π | π | π | :octocat: | | AutoGuru Overdrive | π | | | :octocat: | | AWS Cloudscape Design System | π | π | π | :octocat: | | Backpack (Skyscanner) | π | π | π | :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 | π | | | | | Braid Design System | π | | | :octocat: | | British Gas Nucleus | π | π | | | | Buildit Gravity | π | | | :octocat: | | BuzzFeed Solid | π | | π | :octocat: | | Buzzvil Design System | π | π | | | | CA Technologies Mineral UI | π | | | :octocat: | | Cedar | π | | π | :octocat: | | Chakra UI | π | | | :octocat: | | City of Boston Fleet | π | π | | :octocat: | | Cloudflare Kumo | π | | | :octocat: | | Co-op Experience Library | π | π | π | | | Contentful Forma 36 | π | π | π | :octocat: | | daisyUI | π | | | :octocat: | | Decentraland UI | π | | | :octocat: | | Duet | π | | π | | | eBay Skin | π | | | :octocat: | | Elastic UI Framework | π | π | π | :octocat: | | ENGIE Fluid Design System | π | | π | | | Enel | π | | | | | Estonia Country Design Guidelines | π | π | π | | | Evergreen | π | | | :octocat: | | Finland Toolbox | | π | π | | | Firefox Acorn Design System | π | π | π | | | Flowbite Design System | π | | π | :octocat: | | Fluent UI | π | π | π | :octocat: | | Foundation | π | π | π | :octocat: | | Foyer Design System | π | |