Carbon Design System
A design system built by IBM observed · 2026-10-10
Health v2 · maintenance only
95/100
- Activity 99
- Release rhythm 86
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: 13
- age_days: 3508
- days_rel: 13
- days_push: 11
- n_releases_24m: 66
Adoption not part of the score
9537 stars · 2284 forks observed · 2026-10-10
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-10-10 · f19862b1dbe5
- homepage: https://www.carbondesignsystem.com · fetched 2026-08-29 · 3a8e3b91cd86
Member repositories
For agents
markdown · JSON · MCP: product_card(name="carbon-design-system/carbon")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem