Code Monkey home page Code Monkey logo

awesome-design-systems's Introduction

Awesome Design Systems

Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams

For more visit https://www.annbb.com

Design Systems List

Deign Systems Author Url Tag Language Website Figma file Figma Url
Ant Design Alibaba · Ant Group https://ant.design/ Web Saas,Digital ,React 是 是 https://www.figma.com/file/3YleOzrhKNNmPnSythrSiB/Preview---Ant-Design-System-for-Figma-5.11?type=design&node-id=317%3A21821&mode=design&t=snKZqyjeCdHuMJ8z-1
Polaris Design system Shopify https://polaris.shopify.com/design Web Saas,Digital ,React 是 是 https://www.figma.com/community/file/1293611962331823010/polaris-components
Mirotone CSS Components Miro https://www.mirotone.xyz/ Web Digital ,CSS 是 是 https://www.figma.com/community/file/1125698230201231315/mirotone-ui-components
Orbit design system Kiwicom https://orbit.kiwi/ Web React 是 是 https://www.figma.com/community/file/832549862383280158/orbit-design-system-desktop-web-components
PatternFly Design System Red Hat https://www.patternfly.org/ Web CSS 是 是 https://www.figma.com/community/file/1300826511900225842/patternfly-5
Evergreen Design System Twilio · Segment https://evergreen.segment.com/ Web React 是 是 https://www.figma.com/community/file/974362403539471944/deprecated-evergreen-v6
Paste Design System Twilio https://paste.twilio.design/ Web React 是 是 https://www.figma.com/community/file/1207476064127503112/twilio-paste-components
Garden Design System Zendesk https://garden.zendesk.com/ Web CSS 是 是 https://www.figma.com/community/file/1007120033679451660/garden
AWS Amplify UI Amazon https://ui.docs.amplify.aws/react/getting-started/installation Web React 是 是 https://www.figma.com/community/file/1047600760128127424/aws-amplify-ui-kit
Forma 36 Design System Contentful https://f36.contentful.com/ Web React 是 是 https://www.figma.com/community/file/1099314541500153018/forma-36-ui-kit-by-contentful
Vitamin Design System-Web Decathlon https://www.decathlon.design/726f8c765/p/75e137-digital-overview Web React 是 是 https://www.figma.com/community/file/1116652932009947171/vitamin-web-ui-kit
Vitamin Design System-Android Decathlon https://www.decathlon.design/726f8c765/p/75e137-digital-overview Mobile,Android 是 是 https://www.figma.com/community/file/1116656221679083563/vitamin-android-ui-kit
Vitamin Design System-iOS Decathlon https://www.decathlon.design/726f8c765/p/75e137-digital-overview Mobile,iOS 是 是 https://www.figma.com/community/file/1116653824026675237/vitamin-ios-14-ui-kit
Porsche Design System Porsche https://designsystem.porsche.com/v3/ Web React 是 否 有文件，但不开放
Blocks Design System CBRE Build https://blocks.cbrebuild.com/ Web Digital 是 否
Biings Design System Biings Technologies https://biings.design/#/ Web Bill,CSS 是 否
Wanda Design System Wonderflow https://design.wonderflow.ai/ Web Digital ,React 是 否
LeafyGreen Design System MongoDB https://www.mongodb.design/ Web React 是 否
Mozilla Protocol Design System Mozilla & Firefox https://protocol.mozilla.org/ Web CSS 是 否
Blueprint Design System Palantir https://blueprintjs.com/docs/ Web React 是 否
Sprout's component library Sprout Social https://seeds.sproutsocial.com/components/ Web 是 否
Geist Design System Vercel https://vercel.com/design/introduction Web React 是 否
Wise Design System Wise https://wise.design/ Web 是 否
Canvas Design System Workday https://canvas.workday.com/ Web HR,React 是 否
Airtable Apps UI Kit Airtable Web 否 是 https://www.figma.com/community/file/862805330899066752/airtable-apps-ui-kit
Atlassian Design System Atlassian https://atlassian.design/components Web React 是 是 https://www.figma.com/community/file/1182078880306369227/ads-components
Material Design 3 Google https://m3.material.io/ Web React 是 是 https://www.figma.com/community/file/1035203688168086460/material-3-design-kit
Base Web Design Uber https://baseweb.design/ Web React 是 是 https://www.figma.com/community/file/805195278314519508/base-gallery
Mailchimp Pattern Library Mailchimp https://ux.mailchimp.com/ Web CSS 是 否
Cloudscape Design System Amazon https://cloudscape.design/ Web React 是 是 https://www.figma.com/community/file/1217512017324273815/cds-components-1-1
iOS 17 and iPadOS 17 Library Apple https://developer.apple.com/design/human-interface-guidelines/ Mobile,iOS,iPad Digital 是 是 https://www.figma.com/community/file/1248375255495415511/apple-design-resources-ios-17-and-ipados-17
MacOS Sonoma Library Apple https://developer.apple.com/design/human-interface-guidelines/ Web Digital 是 是 https://www.figma.com/community/file/1251588934545918753/apple-design-resources-macos
VisionOS Library Apple https://developer.apple.com/design/human-interface-guidelines/ VR/AR/MR Digital ,VR 是 是 https://www.figma.com/community/file/1253443272911187215/apple-design-resources-visionos
Fiori Design Guidelines SAP https://experience.sap.com/fiori-design-web/ Web Saas 是 是 https://experience.sap.com/fiori-design-web/design-stencils-for-figma/
Lightning Design System Salesforce https://www.lightningdesignsystem.com/ Web Saas,CSS 是 是 https://www.figma.com/community/file/854593583696357016/components-for-web-lightning-design-system
Arco Design Bytedance https://arco.design/react/docs/start Web Saas,React 是 是 https://www.figma.com/community/file/1053233047330321743/arco-design-system
Semi Design Bytedance https://semi.design/en-US/ Web Saas,React 是 是 https://www.figma.com/community/file/1034817675495341827/semi-design-components-figma-community
TDesign for Web Tencent https://tdesign.tencent.com/react/getting-started Web Saas,Digital ,React 是 是 https://www.figma.com/community/file/1053279236128724321/tdesign-for-web
TDesign for Mobile Tencent https://tdesign.tencent.com/mobile-react/getting-started Mobile Saas,Digital 是 是 https://www.figma.com/community/file/1053279585699097956/tdesign-for-mobile
TDesign for Wechat MiniProgram Tencent https://tdesign.tencent.com/miniprogram/getting-started Mobile,Other Saas,Digital 是 是 https://www.figma.com/community/file/1053279585699097956/tdesign-for-mobile
Microsoft Fluent 2 - Web Microsoft https://fluent2.microsoft.design/ Web Digital ,React 是 是 https://www.figma.com/community/file/836828295772957889/microsoft-fluent-2-web
Microsoft Fluent 2 - iOS Microsoft https://fluent2.microsoft.design/ Mobile,iOS Digital 是 是 https://www.figma.com/community/file/1238208702395051714/microsoft-fluent-1-ios
Momentum Design System Cisco https://momentum.design/system Web React 是 否 有文件，但不开放
Primer Design System GitHub https://primer.style/ Web Saas 是 是 https://www.figma.com/community/file/854767373644076713/primer-web
Pajamas Design System Gitlab https://design.gitlab.com/ Web Saas 是 是 https://www.figma.com/community/file/781156790581391771/component-library
LINE Design System LINE https://designsystem.line.me/LDSM/foundation Mobile 是 是 https://www.figma.com/community/file/1158289920616858944/line-design-system-messenger-unofficial-community-copy
Carbon Design System IBM https://carbondesignsystem.com/ Web 是 是 https://www.figma.com/community/file/1127118528177925123/v10-gray-100-theme-carbon-design-system
One UI Samsung https://developer.samsung.com/one-ui/index.html Mobile 是 否
Spectrum Design System Adobe https://spectrum.adobe.com/ Web Saas,Digital ,CSS 是 是 https://www.figma.com/community/file/1211274196563394418/adobe-spectrum-design-system
Backstage Design System Spotify https://backstage.io/docs/dls/design/ Web 是 是 https://www.figma.com/community/file/850673348101741100/backstage-design-system
Elastic UI Framework Elastic https://eui.elastic.co/#/ Web 是 是 https://www.figma.com/community/file/964536385682658129/elastic-ui
Dell Design System Dell https://www.delldesignsystem.com/ Web 是 否 有文件，但不开放
Goldman Sach Design System Goldman Sach https://design.gs.com/home Web 是 是 https://www.figma.com/community/file/1000116734511828536/components-ui-kit
Nord Design System Nordhealth https://nordhealth.design/ Web B2C 是 否
Acorn Design Systems Firefox https://acorn.firefox.com/latest/acorn-aRSAh0Sp Web,Mobile 是 否 有文件，但不开放
Pluralsight Design System Pluralsight https://design-system.pluralsight.com/ Web 是 是 https://www.figma.com/community/file/915654353202115828/psds-web-components
Gestalt Design System Pinterest https://gestalt.pinterest.systems/home Web 是 否
Audi Design Guides Audi https://www.audi.com/ci/en/guides/user-interface/components/buttons.html Web B2C,Digital ,React 是 否 有文件，但不开放
W3C design system W3C Org https://design-system.w3.org/components/ Web CSS 是 否
Flowind Design System Flowind https://flowindui.framer.website/#home Web 是 是 https://www.figma.com/file/w9TOYvMx9NHzu2ZkWEyReC/Flowind-Design-System-%E2%9C%B3-2.0-Preview?type=design&node-id=4%3A2190&mode=design&t=MuNtI5mshY2olZ4H-1
Tailwind UI Tailwind https://tailwindui.com/components Web React 是 否
Radix UI Radix https://www.radix-ui.com/ Web CSS 是 是 https://www.figma.com/community/file/1280428825266545105/radix-themes
KoliBri Public UI KoliBri https://public-ui.github.io/en/docs/components/abbr Web React 是 否
Semantic UI Semantic https://semantic-ui.com/introduction/getting-started.html Web 是 否
Bootstrap v5.3 Bootstrap https://getbootstrap.com/docs/5.3/getting-started/introduction/ Web CSS 是 否
Lemon Squeezy Wedges Lemon Squeezy https://www.lemonsqueezy.com/wedges/docs Web 是 是 https://www.lemonsqueezy.com/wedges/figma
Open UI A W3C Community Group https://open-ui.org/ Web 是 否
Liquid Oxygen Design System Liquid Oxygen https://liquid.merck.design/liquid/ Web 是 否 有文件，但不开放
Hudl Uniform Design System Hudl https://uniform.hudl.com/ Web 是 否 有文件，但不开放
Clay UI Clay https://clayui.com/docs/get-started/index.html Web Saas,CSS 是 否
Vuesax Design System Vuesax https://vuesax.com/docs/guide/ Web 是 否
Shadcn/ui Shadcn https://ui.shadcn.com/ Web 是 是 https://www.figma.com/community/file/1203061493325953101/shadcn-ui-design-system
Flowbite Library Flowbite https://flowbite.com/docs/getting-started/introduction/ Web 是 是 https://www.figma.com/file/NMpi7pXxbzMri0NApA5J9Y/flowbite-pro-figma-v2.8.0?type=design&node-id=18%3A0&mode=design&t=as5nOpgg4XwyXZIc-1
Supabase UI Supabase https://ui.supabase.io/ Web 是 否
Reshaped Design System Reshaped https://reshaped.so/ Web 是 是 https://www.figma.com/file/qgUgvTwzLi6xODAqhXf4OJ/Reshaped-v2.7-Demo?type=design&node-id=1963%3A28562&mode=design&t=2OWrFw0PtrQ9gpZO-1
Progress Design System Progress https://www.telerik.com/design-system/docs/ Web CSS 是 是 https://www.figma.com/community/file/971702824494731137/telerik-kendo-ui-kit-default-2-2
Druids Design System Druids https://druids.datadoghq.com/ Web React 是 否
Tetrisly Design System Tetrisly https://storybook.tetrisly.com/ Web React 是 是 https://tetrisly.com/pricing/figma
Preline UI Htmlstream https://preline.co/docs/index.html Web CSS 是 是 https://www.figma.com/community/file/1179068859697769656/preline-ui-figma
Grommet UI Grommet https://v2.grommet.io/components Web CSS 是 否
FIDO Alliance Design System FIDO Alliance https://fidoalliance.org/design-system/ Web 是 是 https://www.figma.com/community/file/1162501361939459930/fido-alliance-ui-kit
Morningstar Design System Morningstar https://designsystem.morningstar.com/components/component-status/ Web 是 否 有文件，但不开放
Clarity Design System Clarity https://clarity.design/ Web 是 否
CMS Design System CMS https://design.cms.gov/?theme=core Other 是 否
Marvel Styleguide Marvel https://marvelapp.com/styleguide/overview/introduction Other Digital ,Brand 是 否
Duet Design System LocalTapiola https://www.duetds.com/ Web Digital 是 否
Liferay Design Liferay, Inc https://liferay.design/lexicon/get-started/ Web 是 是 https://www.figma.com/community/file/961581638760900307/lexicon-design-system
Prime Design System Thalion https://primedesignsystem.com/#cta Web 是 是 https://www.figma.com/file/M9ZgHnLBcyND9dZN3kcWzg/Prime-5.0-(Preview)?type=design&node-id=605%3A6431&mode=design&t=1Zd2AvIDoerlCTKO-1
Xconsole Design Alibaba · Aliyun http://xconsole.cloud/cloudbench/outerComponent Web Saas 是 否
Clarity Design Alibaba · Teambition https://design.teambition.com/ Web Saas 是 否
Fusion Design Alibaba https://fusion.design/pc/?themeid=2 Web Saas 是 否
Element Design Element Plus https://element-plus.org/en-US/ Web 是 是 https://www.figma.com/community/file/1021254029764378306/element-plus-design-systemcomponents
Vant Weapp Vant https://youzan.github.io/vant-weapp/#/home Mobile,Other B2C,React 是 否
Mand Mobile Design System DiDi Digits https://didi.github.io/mand-mobile/#/en-US/docs/introduce Mobile Financial,Business 是 否
View Design View https://www.iviewui.com/ Web Saas,CSS,Business 是 否
Klein Design Weimob Klein https://klein.design.weimob.com/guide/start Web Saas,Business 是 是 https://www.figma.com/community/file/1273160240629079312/klein-design-system-v1-1-0
NutUI JD.com https://nutui.jd.com/3x/#/en-US/guide/intro Mobile Saas 是 是 https://www.figma.com/community/file/969502631994409254/nutui-jdl-1
DevUI Design DevUI https://devui.design/home Web Saas,Business 是 否
Duolingo Brand Guidelines Duolingo https://design.duolingo.com/ Other Brand 是 否
Volvo Cars Design Portal Volvo https://design.volvocars.com/ Other Brand,Car 是 否
Starbucks Creative Expression Starbucks https://creative.starbucks.com/?ref=evernote.design Other Brand 是 否
Chicago Design System Chicago Gov https://design.chicago.gov/?ref=evernote.design Web,Other Gov 是 否
U.S. Web Design System designsystem.digital.gov https://designsystem.digital.gov/ Web,Other Gov 是 否
GOV.UK Design System UK Gov https://design-system.service.gov.uk/components/ Web,Other Gov 是 否
Island.is design system Island Gov https://island.is/en/o/digital-iceland/design-system Web,Other Gov 是 是 https://www.figma.com/community/file/901454156629060149/ui-library-desktop
Orange Design System Orange https://system.design.orange.com/0c1af118d/p/0127c5-the-orange-design-system/b/02c3d2 Web,Mobile,iOS,Android,Flutter,VR/AR/MR 是 否 有文件，但不开放
Material Minimal Design System MDBootstrap https://tw-elements.com/docs/standard/getting-started/quick-start/ Web 是 是 https://www.figma.com/community/file/1255241951305406231/material-minimal-design-system
GoodBarber Design System GoodBarber https://www.goodbarber.com/uxdesign/ Mobile 是 否
FAST UI Frame FAST https://www.fast.design/docs/introduction/ Web 是 否
HoloLens Mixed Reality Toolkit Microsoft · Mixed Reality https://learn.microsoft.com/zh-cn/windows/mixed-reality/mrtk-unity/mrtk3-overview/ VR/AR/MR 是 是 https://www.figma.com/community/file/1002678624454538477/mrtk-figma-toolkit-hololens-mixed-reality
Figma Design System Figma https://www.figma.com/plugin-docs/ Web 是 是 https://www.figma.com/community/file/928108847914589057/ui2-figmas-design-system
FloatGrids VR Design System FloatGrids https://floatgrids.com/ VR/AR/MR 是 是 https://www.figma.com/community/file/1087168911388362853/floatgrids-vr-and-ar-design-system
Untitled UI Untitle https://www.untitledui.com/ Web 是 是 https://www.figma.com/file/5OtZ9gq2jAPCYkmVI2Dd8e/%E2%9D%96-PREVIEW-%E2%9D%96-Untitled-UI-%E2%80%93-PRO-VARIABLES-(v4.0)?type=design&node-id=1%3A1183&mode=design&t=CbBDoKJH4eTkmQ5J-1
Bold Design System Laboratório Bridge https://bold.bridge.ufsc.br/en/ Web 是 是 https://www.figma.com/file/TE9FUDtlgVQ4FWlAPtTagxQU/Bold-Design-System?type=design&node-id=0%3A1&mode=design&t=WQ8OBfdhUi8GsWud-1
Chakra UI Segun Adebayo https://chakra-ui.com/docs/components Web 是 是 https://www.figma.com/community/file/971408767069651759/chakra-ui-figma-kit
Moon Design System Yolo Group https://moon.io/ Web 是 是 https://www.figma.com/community/file/1002945721703152933/moon-design-system
Intergalactic Design System Semrush https://developer.semrush.com/intergalactic/ Web 是 是 https://www.figma.com/community/file/1085155066176261708/semrush-core-components-library
Latitude Design System Latitude https://www.flexport.com/design Web 是 否
Luna Design Systems J Sainsbury https://luna.sainsburys.co.uk/ Web 是 是 https://www.figma.com/community/file/905845717824576262/sainsburys-ui-design-library
Finastra Design System Finastra https://design.fusionfabric.cloud/ Web Financial 是 是 https://www.figma.com/community/file/982657631921263317/finastra-design-system
Friday Design System MobileLIVE Inc https://friday-design-system.netlify.app/ Web Health 是 是 https://www.figma.com/community/file/1236352277990251711/friday-design-system-2-0
Paradigm Design Systems Mail.ru https://paradigm.mail.ru/ Web 是 是 https://www.figma.com/community/file/1279086852572807941/paradigm-2-0
Palmetto Design System Palmetto https://ux.palmetto.com/ Web 是 是 https://www.figma.com/community/file/1028035387113112169/palmetto-design-system
NewsKit Design System News Corp UK & Ireland Limited https://newskit.co.uk/components/overview/ Web 是 是 https://www.figma.com/community/file/1225806088244139801/newskit-component-library-and-theme-v5-0
NativeBase Library NativeBase https://docs.nativebase.io/?utm_source=HomePage&utm_medium=Hero_Fold&utm_campaign=NativeBase_3 Web,Mobile,iOS,iPad 是 是 https://www.figma.com/community/file/1098591432716522150/nativebase-v3-4-design-kit
Vaadin Design System Vaadin https://vaadin.com/design-system Web Saas 是 是 https://www.figma.com/community/file/843042473942860131/vaadin-design-system
Vibe Design System Monday.com https://style.monday.com/?path=/docs/welcome--docs Web Saas,Business 是 是 https://www.figma.com/community/file/940242815162888749/monday-com-ui-kit
VKUI Styleguide VK https://vkcom.github.io/VKUI/#/About Web 是 是 https://www.figma.com/community/file/842772861518754130/vkui-base-library
UNDP Design System UNDP https://design.undp.org/?path=/docs/getting-started-intro--docs Web Gov 是 是 https://www.figma.com/community/file/1128400672549109458/undp-design-system
Block Kit Slack https://api.slack.com/block-kit Web,Mobile,iOS,Android 是 是 https://www.figma.com/community/file/769284130491933817/slack-block-kit-for-modals
Radius Design Kit Rangle.io https://radius-ds.netlify.app/?path=/docs/foundations-get-started-overview--page Web 是 是 https://www.figma.com/community/file/831997833675385869/radius-design-kit
VTEX Design System VTEX https://styleguide.vtex.com/ Web 是 是 https://www.figma.com/file/a94lX91ZmYGIDBxvb8shwLn8/00.-Styleguide---Library?type=design&node-id=3671%3A30728&mode=design&t=84pyL4vpYItDEZIa-1
Flamingo Design System Heetch https://flamingo.pages.dev/?path=/story/design-system-colors--interface-colors Web 是 是 https://www.figma.com/community/file/859195262232492832/flamingo-design-system
Kyper Design System MX https://kyper.netlify.app/?path=/story/guidelines-introduction--page Web 是 是 https://www.figma.com/community/file/832648547778609189/kyper-design-system
Anvil Design System Servicetitan https://anvil.servicetitan.com/ Web 是 否
NSW Digital Design System Digital.NSW https://www.digital.nsw.gov.au/delivery/digital-service-toolkit/design-system Web 是 否
Heartbeat Design System Heartbeat https://pulse.heartbeat.ua/design-tips/accessibility Mobile 是 否
Mixpanel Design System Mixpanel https://design.mixpanel.com/ Web 是 否
Fundamental Library SAP https://sap.github.io/fundamental/#fl-libraries Web 是 否
Cedar Design System REI https://rei.github.io/rei-cedar-docs/ Web 是 否
Skyline Design System Benevity https://skyline.benevity.org/ Web 是 否
Yoga Design System Gympass https://gympass.github.io/yoga/ Web 是 否
Bolt Design System Bolt https://boltdesignsystem.com/ Web 是 否
Beeline Design System Beeline https://beelinedesignsystem.com/ Web,Mobile 是 否
Dynatrace Design System Barista https://barista.dynatrace.com/components/get-started Web 是 否
Ratio Design System Рамблер https://ui-kit.rambler.ru/#/ Web 是 否
Instructure UI Instructure https://instructure.design/#index Web 是 否
Vanilla Framework Canonical Ltd https://vanillaframework.io/docs Web 是 否
Quantum Design System Catho https://catho.github.io/quantum/?path=/docs/introduction-gettingstarted--docs Web 是 否
Thumbprint Design System Thumbtack https://thumbprint.design/ Web 是 否
Astro Design System Astro https://www.astrouxds.com/ Web 是 是 https://www.figma.com/community/file/1203068683334364243/astro-7-uxds-light-theme
daisyUI Pouya Saadeghi https://daisyui.com/ Web 是 否
NextUI NextUI https://nextui.org/ Web 是 是 https://www.figma.com/community/file/1267584376234254760/nextui-figma-kit-community

awesome-design-systems's People

Contributors

reake avatar

Stargazers

avatar avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.