Skip to content
don’t make it ugly
All resources

Design systemDesign Systems, Components

IBM Carbon

IBM's open-source enterprise design system, thorough to a fault.

Open sourceFree
Preview of IBM Carbon

What it is

Carbon covers everything an enterprise product needs: a full component library (React, Web Components, Vue, Svelte), data visualisation guidelines, accessibility standards, motion principles, and IBM Plex typography. It is one of the most complete public design systems.

Why it’s here

The data visualisation and accessibility sections are the standout. If you need to make a chart-heavy enterprise app look considered, Carbon has thought about it already.

Best for

  • enterprise apps
  • data visualisation
  • accessibility standards
  • large teams

Can my agent use this?

Agent excellent agent friendliness

Yes. Comprehensive public docs and source. Link the specific guideline (for example data visualisation colour palettes) when prompting.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • npm

  • Material Design 3
    Preview of Material Design 3

    Material Design 3

    Google's design system, documented in exhaustive, agent-readable detail.

    Design systemFreeOpen sourcegood agent friendliness
  • Shopify Polaris
    Preview of Shopify Polaris

    Shopify Polaris

    Shopify's design system for dense, practical admin interfaces.

    Design systemFreeOpen sourceexcellent agent friendliness
  • GitHub Primer
    Preview of GitHub Primer

    GitHub Primer

    The design system that makes GitHub feel like GitHub.

    Design systemFreeOpen sourceexcellent agent friendliness
  • Radix Themes
    Preview of Radix Themes

    Radix Themes

    A styled, themeable React component system from the Radix team.

    Component libraryFreeOpen sourceexcellent agent friendliness