# Directory

## Company design systems (90)

- [Aalto University Design System](https://brand.aalto.fi/en/ds)
- [Adobe Spectrum](https://spectrum.adobe.com/)
- [Alaska Airlines Auro](https://auro.alaskaair.com/)
- [Amazon Cloudscape](https://cloudscape.design/)
- [Ant Group Ant Design](https://ant.design/)
- [Apple HIG](https://developer.apple.com/design/)
- [Arbetsförmedlingen Design System](https://designsystem.arbetsformedlingen.se/)
- [Atlassian Design System](https://atlassian.design/)
- [Audi Design System](https://styleguide.audi.com/document/2865?#/-/ui-introduction)
- [Australian Gov Agriculture](https://design-system.agriculture.gov.au/)
- [Aviva Design System](https://standards.aviva.com/)
- [Basis Design System](https://design.basis.com/)
- [BBC Design System](https://www.bbc.co.uk/gel)
- [Biings Design System](https://biings.design/#/)
- [Brainly Pencil](https://design.brainly.com/)
- [Carrefour Marcel](https://carrefour.design/)
- [Cash App Design System](https://design.cash.app/)
- [CMS Design System](https://design.cms.gov/)
- [Datadog Druids](https://druids.datadoghq.com/)
- [Dell Design System](https://www.delldesignsystem.com/)
- [Denmark Design System](https://designsystem.dk/)
- [Docplanner Watson](https://watson.docplanner.design/)
- [eBay Evo](https://playbook.ebay.com/)
- [Elastic Design System](https://elastic.github.io/eui/#/)
- [Elisa Design System](https://designsystem.elisa.fi/)
- [Esri Calcite](https://developers.arcgis.com/calcite-design-system/)
- [General Electric Edison](https://eds.gehealthcare.com/)
- [GitHub Primer](https://primer.style/)
- [GitLab Pajamas](https://design.gitlab.com/)
- [Google Material Design](https://m3.material.io/)
- [GOV.UK Design System](https://design-system.service.gov.uk/)
- [Helsinki Design System](https://hds.hel.fi/)
- [IBM Carbon](https://carbondesignsystem.com/)
- [Ideagen Helix](https://www.helixui.com/9904796d6/p/19ace3-helix)
- [INPS Sirio](https://www.inps.design/)
- [Kajabi Sage](https://sage.kajabi.com/pages/index)
- [Kiwicom Orbit](https://orbit.kiwi/)
- [Lemon Squeezy Wedges](https://www.lemonsqueezy.com/wedges)
- [Line Design System](https://designsystem.line.me/)
- [LocalTapiola Duet](https://www.duetds.com/)
- [Maersk Design System](https://designsystem.maersk.com/)
- [Meta Astryx](https://astryx.atmeta.com/)
- [Michelin Motion](https://designsystem.michelin.com/)
- [Microsoft Fluent 2](https://fluent2.microsoft.design/)
- [Monday.com Vibe](https://style.monday.com/)
- [MongoDB LeafyGreen](https://www.mongodb.design/)
- [Morningstar Design System](https://design.morningstar.com/)
- [Motorway Highway Code](https://thc.motorway.co.uk/0566ad526/p/652544-the-highway-code)
- [Mozilla Protocol](https://protocol.mozilla.org/)
- [Nordhealth Design System](https://nordhealth.design/)
- [NS Tractie](https://tractie.ns.nl/2e23992f3/p/226ce1-tractie--ns-design-system)
- [NSW Design System](https://designsystem.nsw.gov.au/)
- [NYS Design System](https://designsystem.ny.gov/)
- [Ontario Design System](https://designsystem.ontario.ca/)
- [Orange Design System](https://system.design.orange.com/0c1af118d/p/0127c5-the-orange-design-system)
- [Palantir Blueprint](https://blueprintjs.com/docs/)
- [Pluralsight Design System](https://design-system.pluralsight.com/)
- [Porsche Design System](https://designsystem.porsche.com/v3/)
- [Power Playbook](https://playbook.powerapp.cloud/)
- [Razorpay Blade](https://blade.razorpay.com/?path=/docs/guides-intro--docs)
- [Red Hat PatternFly](https://www.patternfly.org/)
- [Rei Cedar](https://cedar.rei.com/)
- [Salesforce Lightning](https://www.lightningdesignsystem.com/)
- [Samsung One UI](https://developer.samsung.com/one-ui)
- [SAP Fiori](https://www.sap.com/design-system/)
- [Seek Braid](https://seek-oss.github.io/braid-design-system)
- [Segment Evergreen](https://evergreen.segment.com/)
- [ServiceNow Horizon](https://horizon.servicenow.com/)
- [Shopify Polaris](https://polaris.shopify.com/)
- [Sigma Design System](https://www.thesigma.co/designsystem)
- [Skoda Flow](https://flow.skoda-brand.com/d/6aQMrmD6PhWL)
- [Sprout Social Seeds](https://seeds.sproutsocial.com/)
- [SumUp Circuit](https://circuit.sumup.com/?path=/docs/introduction-welcome--docs)
- [Sunrise Solar](https://solar.sunrise.net/)
- [Tailwind Framework](https://tailwindcss.com/)
- [Teamleader Ahoy](https://ahoy.teamleader.design/3547946e7/p/223d3f-ahoy)
- [Thumbtack Thumbprint](https://thumbprint.design/)
- [Twilio Paste](https://paste.twilio.design/)
- [U.S. Web Design System](https://designsystem.digital.gov/)
- [UAE Design System](https://designsystem.gov.ae/)
- [Uber Base](https://base.uber.com/)
- [Vercel Geist](https://vercel.com/design/introduction)
- [Visa Design System](https://design.visa.com/)
- [VTS Terra](https://terra.vts.com/)
- [Washington Post Design System](https://build.washingtonpost.com/)
- [Wikimedia Codex](https://doc.wikimedia.org/codex/latest/)
- [Wonderflow Wanda](https://design.wonderflow.ai/)
- [Workday Canvas](https://canvas.workday.com/)
- [WorkOS Radix](https://www.radix-ui.com/)
- [Zendesk Garden](https://garden.zendesk.com/)

## UI libraries (40)

- [AI Elements](https://elements.ai-sdk.dev) (shadcn registry, Apache-2.0): Vercel's components for AI apps: messages, prompt input, reasoning and sources.
- [Ariakit](https://ariakit.org) (Headless, MIT): Unstyled, accessible components and hooks with detailed examples.
- [Ark UI](https://ark-ui.com) (Headless, MIT): Unstyled components driven by Zag.js state machines, for four frameworks.
- [assistant-ui](https://www.assistant-ui.com) (Radix, MIT): Components for chat and AI assistant interfaces: threads, composer, tool calls.
- [Base UI](https://base-ui.com) (Headless, MIT): Unstyled, accessible primitives from the teams behind Radix, Floating UI and Material UI.
- [Bits UI](https://bits-ui.com) (Svelte · Headless, MIT): Unstyled, accessible Svelte primitives.
- [Chakra UI](https://chakra-ui.com) (Ark UI, MIT): A styled component library with a token-based theme system.
- [coss ui](https://coss.com/ui) (Base UI, MIT): Cal.com's design system: Base UI components with Tailwind, installable from a registry.
- [Cult UI](https://www.cult-ui.com) (shadcn registry, MIT): Animated components and blocks, several aimed at AI product interfaces.
- [daisyUI](https://daisyui.com) (CSS classes, MIT): Component class names added to Tailwind CSS as a plugin, with themes.
- [Dice UI](https://diceui.com) (shadcn registry, MIT): Accessible components shadcn/ui lacks, such as sortable, tags input and mention.
- [Flowbite](https://flowbite.com) (CSS classes, MIT): Tailwind components with a small script for interactive parts.
- [Headless UI](https://headlessui.com) (Headless, MIT): Unstyled, accessible components from the Tailwind CSS team.
- [HeroUI](https://www.heroui.com) (React Aria, Apache-2.0): Styled components on React Aria with Tailwind CSS. Formerly NextUI.
- [Inspira UI](https://inspira-ui.com) (Vue · Own components, MIT): Animated components for Vue and Nuxt, in the style of Magic UI.
- [Intent UI](https://intentui.com) (React Aria, MIT): Styled React Aria components that you copy in, in the shadcn/ui model.
- [Kibo UI](https://www.kibo-ui.com) (shadcn registry, MIT): Larger composite components such as Gantt, kanban, editor and data tables.
- [Kobalte](https://kobalte.dev) (Solid · Headless, MIT): Unstyled, accessible primitives for SolidJS.
- [Kokonut UI](https://kokonutui.com) (shadcn registry, MIT): Styled and animated components for Next.js apps, installed with the shadcn CLI.
- [Kumo](https://kumo-ui.com) (Base UI, MIT): Cloudflare's component library, with a design skill for agents that keeps interfaces polished.
- [Magic UI](https://magicui.design) (shadcn registry, MIT): Animated components for marketing pages, installed through the shadcn CLI.
- [Mantine](https://mantine.dev) (Own components, MIT): Over 100 styled components plus hooks, forms, dates and charts packages.
- [Material UI](https://mui.com/material-ui/) (Own components, MIT): A full implementation of Google Material Design with a theming API.
- [Motion Primitives](https://motion-primitives.com) (shadcn registry, MIT): Small animated building blocks such as text effects, transitions and dialogs.
- [Nuxt UI](https://ui.nuxt.com) (Vue · Reka UI, MIT): Styled Vue components on Reka UI and Tailwind, maintained by the Nuxt team.
- [Park UI](https://park-ui.com) (Ark UI, MIT): Styled components on Ark UI that you copy in, themed with Panda CSS.
- [PrimeReact](https://primereact.org) (Own components, MIT): A large styled set including data tables, trees and charts, with an unstyled mode.
- [PrimeVue](https://primevue.org) (Vue · Own components, MIT): A large styled Vue set with data tables, trees and an unstyled mode.
- [Radix Primitives](https://www.radix-ui.com/primitives) (Headless, MIT): Unstyled, accessible primitives such as dialog, popover and menu.
- [Radix Themes](https://www.radix-ui.com/themes) (Radix, MIT): A styled component set with theme tokens, built on Radix Primitives.
- [React Aria Components](https://react-spectrum.adobe.com/react-aria/) (Headless, Apache-2.0): Unstyled components and hooks from Adobe with deep keyboard, screen reader and locale support.
- [Reka UI](https://reka-ui.com) (Vue · Headless, MIT): Unstyled, accessible Vue primitives. Formerly Radix Vue.
- [ReUI](https://reui.io) (shadcn registry, MIT): Extra components and animated effects built to sit next to shadcn/ui.
- [shadcn-svelte](https://www.shadcn-svelte.com) (Svelte · Bits UI, MIT): The shadcn/ui model for Svelte, built on Bits UI.
- [shadcn-vue](https://www.shadcn-vue.com) (Vue · Reka UI, MIT): The shadcn/ui model for Vue, built on Reka UI.
- [shadcn/ui](https://ui.shadcn.com) (Radix or Base UI, MIT): Components you copy into your project with a CLI and then own and edit.
- [Skeleton](https://www.skeleton.dev) (Zag.js, MIT): A Tailwind design system with components for Svelte and React, on Zag.js.
- [Solid UI](https://www.solid-ui.com) (Solid · Kobalte, MIT): The shadcn/ui model for SolidJS, built on Kobalte.
- [Tamagui](https://tamagui.dev) (Own components, MIT): Styled components that share one codebase between React Native and the web.
- [Untitled UI React](https://www.untitledui.com/react/) (React Aria, MIT): Free React components that match the Untitled UI Figma kit.

## Icon libraries (17)

- [Bootstrap Icons](https://icons.getbootstrap.com) (2,080 icons, MIT): The Bootstrap team's icons in outline and fill; they work without Bootstrap.
- [Carbon icons](https://carbondesignsystem.com/elements/icons/library/) (2,630 icons, Apache-2.0): IBM's Carbon icons, one outline style drawn for 16px to 32px.
- [Fluent UI System Icons](https://github.com/microsoft/fluentui-system-icons) (2,470 icons, MIT): Microsoft's product icons in regular, filled, light and color, at several sizes.
- [Font Awesome Free](https://fontawesome.com/search?ic=free) (2,880 icons, CC-BY-4.0 AND OFL-1.1 AND MIT): The free tier of Font Awesome: solid, regular and brand icons. Pro is paid.
- [Heroicons](https://heroicons.com) (324 icons, MIT): Tailwind Labs icons in outline and solid at 24px, plus 20px mini and 16px micro.
- [Hugeicons](https://hugeicons.com) (6,060 icons, MIT): A large free set in one style, stroke rounded; the other styles are paid.
- [Iconify](https://iconify.design) (378,000 icons, MIT): One API and set of packages for 200+ open icon sets; each set keeps its license.
- [Iconoir](https://iconoir.com) (1,670 icons, MIT): Outline icons with solid variants and adjustable stroke width.
- [Ionicons](https://ionic.io/ionicons) (1,360 icons, MIT): Icons from the Ionic team as a web component, each in outline, filled and sharp.
- [Lucide](https://lucide.dev) (1,850 icons, ISC): Outline icons on a 24px grid with 2px strokes; the community fork of Feather.
- [Material Symbols](https://fonts.google.com/icons) (3,900 icons, Apache-2.0): Google's current icon set, a variable font with fill, weight and grade axes.
- [MingCute](https://www.mingcute.com) (1,660 icons, Apache-2.0): Rounded icons with a soft shape, each in line and fill.
- [Octicons](https://primer.style/octicons) (400 icons, MIT): GitHub's icons, drawn at 16px and 24px, part of the Primer system.
- [Phosphor](https://phosphoricons.com) (1,510 icons, MIT): One set drawn in six weights, from thin to bold, plus fill and duotone.
- [Radix Icons](https://www.radix-ui.com/icons) (330 icons, MIT): A small, crisp set drawn at 15px for dense interfaces, from the Radix team.
- [Simple Icons](https://simpleicons.org) (3,460 icons, CC0-1.0): Single-color SVG logos for brands and products, with each brand color.
- [Tabler Icons](https://tabler.io/icons) (6,220 icons, MIT): A large outline set with filled versions of common icons, all on a 24px grid.