Carbon Design System
A design system built by IBM observed · 2026-08-28
Health v2 · maintenance only
94/100
- Activity 99
- Release rhythm 85
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 13.0
- age_days: 3460
- days_rel: 21
- days_push: 7
- n_releases_24m: 67
Adoption not part of the score
9385 stars · 2266 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Carbon is IBM's open-source design system providing React and web component libraries, Sass styles, design tokens, icons, and pictograms for building consistent products and experiences. It is maintained as a monorepo with packages like @carbon/react and @carbon/web-components.
Use cases
- build enterprise web apps with IBM's Carbon design language
- find accessible React UI components
- get design tokens and Sass styles for a design system
- use framework-agnostic web components
- download icons and pictograms for product design
- prototype UIs in Figma with a design kit
When to choose
- you want an enterprise-grade, accessibility-focused component library
- you need consistency with IBM products or a mature design system
- you want both React and vanilla web components from one system
When to avoid
- you need a lightweight, unopinionated styling solution
- your product requires a custom visual identity unlike Carbon's
- you only need a few simple components and want minimal dependencies
Facets
framework · maturity active
ui-components css-framework frontend-framework templating web-development frontend web-design developer-tools cross-platform design-system ibm react-components web-components scss design-tokens accessibility storybook nodejs web-server
2 sources
- readme: https://github.com/carbon-design-system/carbon · fetched 2026-08-28 · f19862b1dbe5
- homepage: https://www.carbondesignsystem.com · fetched 2026-08-29 · 3a8e3b91cd86
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| carbon-design-system/carbon | main | 94 |
| carbon-design-system/carbon-components-svelte | sdk | 95 |
| carbon-design-system/carbon-design-kit | docs | 40 |
| carbon-design-system/carbon-components-react | mirror | 10 |
For agents
markdown · JSON · MCP: product_card(name="carbon-design-system/carbon")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem