alexpate/awesome-design-systems
GitHub: alexpate/awesome-design-systems
这是一个整理了大量优秀设计系统、UI库和模式指南的精选列表。
Stars: 23271 | Forks: 1465
知道下面未列出的资源吗？欢迎创建新的 [pull request](https://github.com/alexpate/awesome-design-systems/pulls)。
### 标签
- Components：包含代码模式和示例。
- Voice & Tone：提供语言使用指南。
- Designers Kit：包含适用于设计师的 Sketch/Photoshop/Figma 等文件。
- Source code：公开可见的源代码
| | Components | Voice & Tone | Designers Kit | Source code \* |
|----------------------------------------------------------------------------------------------------------------|:----------:|:------------:|:-------------:|:-----------------------------------------------------------------------------:|
| [阿尔托大学 Aalto University](https://brand.aalto.fi/) | 👍 | 👍 | 👍 | |
| [Adobe Spectrum](https://spectrum.adobe.com) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/adobe/react-spectrum) |
| [Adjust Atlas](https://atlas.adeven.com) | 👍 | 👍 | 👍 | |
| [阿拉斯加航空 Alaska Airlines](https://auro.alaskaair.com/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/AlaskaAirlines) |
| [阿里巴巴 Ant Design](https://ant.design) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/ant-design/ant-design/) |
| [Amplify UI](https://ui.docs.amplify.aws/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/aws-amplify/amplify-ui/) |
| [Appear Here Styleguide](https://bloom.appearhere.co.uk/) | 👍 | | | [:octocat:](https://github.com/appearhere/bloom) |
| [Apple Developer Design Guidelines](https://developer.apple.com/design/) | | | 👍 | |
| [Aragon UI](https://ui.aragon.org/) | 👍 | | | [:octocat:](https://github.com/aragon/ui) |
| [Artsy Palette](https://palette.artsy.net/) | 👍 | | | [:octocat:](https://github.com/artsy/palette) |
| [Astro UXDS](https://astrouxds.com/) | 👍 | | 👍 | [:octocat:](https://github.com/RocketCommunicationsInc/astro-components) |
| [AT UIKIT](https://at-ui.github.io/at-ui/#/en) | 👍 | | | [:octocat:](https://github.com/at-ui/at-ui) |
| [Atlassian Design System](https://atlassian.design) | 👍 | 👍 | 👍 | [:space_invader:](https://bitbucket.org/atlassian/atlassian-frontend-mirror/) |
| [Audi UI Kit](https://www.audi.com/ci/en/guides/user-interface/introduction.html) | 👍 | | 👍 | [:octocat:](https://github.com/audi/audi-ui) |
| [Aurora (加拿大政府 Government of Canada)](https://design.gccollab.ca/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/gctools-outilsgc/design-system) |
| [AutoGuru Overdrive](http://overdrive.autoguru.io/) | 👍 | | | [:octocat:](https://github.com/autoguru-au/overdrive) |
| [AWS Cloudscape Design System](https://cloudscape.design/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/cloudscape-design/components) |
| [Backpack (天巡 Skyscanner)](https://skyscanner.design/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/skyscanner/backpack) |
| [Barnardo’s Design System](https://design-system.barnardos.org.uk) | 👍 | 👍 | | [:octocat:](https://github.com/barnardos/design-system) |
| [Basis Design System](https://basis.now.sh) | 👍 | | | [:octocat:](https://github.com/moroshko/basis) |
| [BBC GEL (Global Experience Language)](https://www.bbc.co.uk/gel) | 👍 | 👍 | 👍 | |
| [Bento DS](https://bento-ds.com) | 👍 | | 👍 | [:octocat:](https://github.com/buildo/bento-design-system) |
| [BLiP](https://design.take.net/) | 👍 | | | [:octocat:](https://github.com/takenet/blip-toolkit) |
| [Blueprint](https://blueprintjs.com/) | 👍 | | 👍 | [:octocat:](https://github.com/palantir/blueprint) |
| [Bold (Bridge Design System)](https://bold.bridge.ufsc.br/) | 👍 | | 👍 | [:octocat:](https://github.com/laboratoriobridge/bold) |
| [Bolt Design System](https://boltdesignsystem.com/) | 👍 | | | [:octocat:](https://github.com/boltdesignsystem/bolt) |
| [Braid Design System](https://seek-oss.github.io/braid-design-system/) | 👍 | | | [:octocat:](https://github.com/seek-oss/braid-design-system) |
| [Brighte Spark Design System](https://spark.brighte.com.au/) | 👍 | | | [:octocat:](https://github.com/Brighte-Labs/spark-web) |
| [British Gas Nucleus](https://britishgas.design/) | 👍 | 👍 | | |
| [Buildit Gravity](http://style.buildit.digital/) | 👍 | | | [:octocat:](https://github.com/buildit/gravity-ui-web) |
| [Bulb Design System](https://design.bulb.co.uk/) | 👍 | 👍 | | |
| [Bumbag UI](https://bumbag.style/) | 👍 | | | [:octocat:](https://github.com/bumbag/bumbag-ui) |
| [BuzzFeed Solid](https://solid.buzzfeed.com/) | 👍 | | 👍 | [:octocat:](https://github.com/buzzfeed/solid) |
| [Buzzvil Design System](https://design.buzzvil.com/) | 👍 | 👍 | | |
| [CA Technologies Mineral UI](https://mineral-ui.netlify.app/) | 👍 | | | [:octocat:](https://github.com/mineral-ui/mineral-ui) |
| [Cards Binary Design](https://github.com/opensource-cards/binary-ui) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/opensource-cards/binary-ui) |
| [CBRE Blocks](https://blocks.cbrebuild.com/) | 👍 | 👍 | | |
| [Cedar](https://rei.github.io/rei-cedar-docs/) | 👍 | | 👍 | [:octocat:](https://github.com/rei/rei-cedar) |
| [censhare Zen](https://design.censhare.com/) | 👍 | 👍 | | |
| [Chakra UI](https://chakra-ui.com/) | 👍 | | | [:octocat:](https://github.com/chakra-ui/chakra-ui) |
| [City of Boston Fleet](https://patterns.boston.gov/) | 👍 | 👍 | | [:octocat:](https://github.com/CityOfBoston/digital) |
| [Cloudflare](https://cloudflare.github.io/cf-ui/) | 👍 | | | [:octocat:](https://github.com/cloudflare/cf-ui) |
| [Co-op Experience Library](https://www.coop.co.uk/experience-library/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/coopdigital/experience-library) |
| [Contentful Forma 36](https://f36.contentful.com/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/contentful/forma-36) |
| [Decathlon Design System - Vitamin](https://decathlon.design/) | 👍 | | 👍 | [:octocat:](https://github.com/decathlon/vitamin-web) |
| [Decentraland UI](https://ui.decentraland.org/) | 👍 | | | [:octocat:](https://github.com/decentraland/ui) |
| [Documenso Design System](https://documenso.com/design-system) | 👍 | | 👍 | [:octocat:](https://github.com/documenso/documenso) |
| [Duet](https://www.duetds.com) | 👍 | | 👍 | |
| [Duolingo](https://design.duolingo.com/) | | 👍 | | |
| [eBay Skin](https://ebay.github.io/skin/) | 👍 | | | [:octocat:](https://github.com/eBay/skin) |
| [Elastic UI Framework](https://elastic.github.io/eui/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/elastic/eui) |
| [ENGIE Fluid Design System](https://www.engie.design) | 👍 | | 👍 | |
| [Enel](https://dsyui.enelx.com/) | 👍 | | | |
| [Enigma Boundless](https://boundless.js.org/) | 👍 | | | [:octocat:](https://github.com/enigma-io/boundless) |
| [Estonia Country Design Guidelines](https://brand.estonia.ee) | 👍 | 👍 | 👍 | |
| [Evergreen](https://evergreen.surge.sh) | 👍 | | | [:octocat:](https://github.com/segmentio/evergreen) |
| [Figma UI Components](https://figma-ui.lessmess.dev/) | 👍 | | | [:octocat:](https://github.com/lessmess-dev/figma-ui-components) |
| [Financial Times Origami](https://origami.ft.com/) | 👍 | | | [:octocat:](https://github.com/Financial-Times/origami) |
| [Finastra Design System](https://design.fusionfabric.cloud/) | 👍 | | 👍 | [:octocat:](https://github.com/fusionfabric/finastra-design-system) |
| [Finland Toolbox](https://toolbox.finland.fi/) | | 👍 | 👍 | |
| [Firefox Photon Design System](https://design.firefox.com/photon) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/FirefoxUX/photon) |
| [Fish Tank Design System](https://fishtank.bna.com/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/bloombergindustry/fishtank-vue) |
| [Flame Design System Santander](https://bancosantander.invisionapp.com/dsm/santander-group/flame-ds-santander) | 👍 | 👍 | 👍 | |
| [Flowbite Design System](https://www.figma.com/community/file/1179442320711977498) | 👍 | | 👍 | [:octocat:](https://github.com/themesberg/flowbite) |
| [Fluent UI](https://developer.microsoft.com/en-us/fluentui#/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/microsoft/fluentui) |
| [Foundation](https://get.foundation/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/foundation/foundation-sites) |
| [Foyer Design System](https://design.foyer.lu/) | 👍 | | 👍 | :closed_lock_with_key: |
| [French Government Design System](https://www.systeme-de-design.gouv.fr/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/GouvernementFR/dsfr) |
| [FutureLearn Pattern Library](https://www.futurelearn.com/pattern-library) | 👍 | | | |
| [GitHub Primer](https://primer.style/) | 👍 | | 👍 | [:octocat:](https://github.com/primer/) |
| [GitLab Design System - Pajamas]() |
| [Seeds](https://sproutsocial.com/seeds) | 👍 | 👍 | 👍 | |
| [SEEK Style Guide](https://seek-oss.github.io/seek-style-guide/) | 👍 | | | [:octocat:](https://github.com/seek-oss/seek-style-guide) |
| [Semi Design](https://semi.design/en-US) | 👍 | | 👍 | [:octocat:](https://github.com/DouyinFE/semi-design) |
| [Semrush Intergalactic Design System](https://i.semrush.com/) | 👍 | | 👍 | [:octocat:](https://github.com/semrush/intergalactic) |
| [Shoelace](https://shoelace.style) | 👍 | 👍 | | [:octocat:](https://github.com/shoelace-style/shoelace) |
| [Shopify Polaris](https://polaris.shopify.com) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/Shopify/polaris) |
| [Shadcn/ui](https://ui.shadcn.com/) | 👍 | | | [:octocat:](https://github.com/shadcn-ui)
| [Siemens iX](https://ix.siemens.io/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/siemens/ix) |
| [Singapore Government Design System](https://www.designsystem.tech.gov.sg/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/govtechsg/sgds) |
| [Sky Toolkit](https://www.sky.com/toolkit) | 👍 | | | [:octocat:](https://github.com/sky-uk/toolkit) |
| [Stacks – Stack Overflow](https://stackoverflow.design/) | 👍 | 👍 | | [:octocat:](https://github.com/StackExchange/Stacks) |
| [Starbucks Style Guide](https://creative.starbucks.com) | 👍 | 👍 | | |
| [Strapi Design System](https://design-system.strapi.io/) | 👍 | | | [:octocat:](https://github.com/strapi/design-system) |
| [Teambition Clarity Design](https://design.teambition.com/) | 👍 | | | |
| [Telefónica Mística](https://brandfactory.telefonica.com/mistica) | 👍 | | 👍 | [:octocat:](https://github.com/Telefonica/mistica) |
| [Thumbprint](https://thumbprint.design/) | 👍 | | | [:octocat:](https://github.com/thumbtack/thumbprint) |
| [Tizen CircularUI](https://developer.samsung.com/one-ui-watch-tizen) | 👍 | | 👍 | [:octocat:](https://github.com/Samsung/Tizen.CircularUI) |
| [Twilio Paste](https://paste.twilio.design/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/twilio-labs/paste) |
| [Uber's Base Web](https://baseweb.design/) | 👍 | | | [:octocat:](https://github.com/uber-web/baseui) |
| [Ubuntu Vanilla framework](https://vanillaframework.io/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/canonical-web-and-design/vanilla-framework) |
| [Uiverse](https://uiverse.io) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/uiverse-io/galaxy) |
| [Untitled UI](https://www.untitledui.com/react/) | 👍 | | 👍 | [:octocat:](https://github.com/untitleduico/react/) |
| [USPTO UI Design Library](https://uspto.github.io/designpatterns/index.html) | 👍 | | 👍 | [:octocat:](https://github.com/uspto/designpatterns) |
| [uSwitch style guide](https://ustyle.guide/) | 👍 | 👍 | | [:octocat:](https://github.com/uswitch/ustyle) |
| [U.S. Web Design Standards](https://designsystem.digital.gov/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/uswds/uswds) |
| [U.S. CMS.gov Design System](https://design.cms.gov/) | 👍 | | | |
| [Vibe](https://style.monday.com/) | 👍 | | 👍 | [:octocat:](https://github.com/mondaycom/vibe) |
| [Vimeo Design System](https://vimeo.github.io/iris/) | 👍 | | | [:octocat:](https://github.com/vimeo/iris) |
| [VMware Clarity Design System](https://clarity.design/) | 👍 | 👍 | 👍 | [:octocat:](https://github.com/vmware/clarity) |
| [VTEX Styleguide](https://styleguide.vtex.com/) | 👍 | | 👍 | [:octocat:](https://github.com/vtex/styleguide) |
| [Vue Design System](https://vueds.com/) | 👍 | | | [:octocat:](https://github.com/viljamis/vue-design-system) |
| [Ray by WeWork](https://ray.wework.com) | 👍 | | | [:octocat:](https://github.com/wework/ray) |
| [Welcome UI](http://www.welcome-ui.com/) | 👍 | | | [:octocat:](https://github.com/WTTJ/welcome-ui) |
| [West Midlands Network Design System](https://designsystem.wmnetwork.co.uk/) | 👍 | 👍 | | [:octocat:](https://github.com/wmcadigital/wmn-design-system) |
| [Wix Style React](https://www.wix-style-react.com/storybook/) | 👍 | | | |___
| [Vercel](https://vercel.com/geist) | 👍 | | | |
| [Workday Canvas](https://design.workday.com/) | 👍 | 👍 | | [:octocat:](https://github.com/Workday/canvas-kit) |
| [Yelp Styleguide](https://www.yelp.com/styleguide) | 👍 | 👍 | | |
| [Zendesk Garden](https://garden.zendesk.com/) | 👍 | | | [:octocat:](https://github.com/zendeskgarden) |
### 注意
\*_标记为开源的项目可能并不总是允许使用。在使用这些项目之前，请务必检查其许可证。_
虽然“设计系统”、“UI 库”和“模式库”是不同的概念，但它们经常被互换使用。本列表包含这三者。
### 致谢
封面图标：来自 Noun Project 的 Andrejs Kirma 制作的“Solar System”。
标签：Adobe, Ant Design, DNS解析, Figma, Sketch, SOC Prime, Spectrum, UI设计, UX设计, 代码规范, 品牌指南, 开发工具, 开源项目, 组件库, 视觉规范, 设计模式, 设计系统, 设计资源, 语调和语气, 防御加固