IBM's open-source design system with React, Angular, Vue, Svelte, and web components, plus tokens, icons, grids, and data-viz for enterprise dashboards.
Why we recommend it
Carbon is the most complete open-source design system for data-heavy enterprise products: tokens, icons, grids, charts, and maintained libraries for every major framework. It is IBM-flavored by design, so consumer-facing products will fight its aesthetic.
Strengths
- First-class component libraries for React, Angular, Vue, Svelte, and vanilla web components
- Complete open-source ecosystem: design tokens, icons, pictograms, grid, themes, motion, and Carbon Charts data visualization
Keep in mind
- Enterprise aesthetic rooted in IBM Design Language; consumer products require significant retheming
- Large API surface and bundle size — users report heavy packages (e.g., 300+ KB for a few components) and a steep adoption curve
How much does Carbon Design System cost?
Free (Open Source) — Free.
List price, excluding tax. Compare prices across the directory.
Carbon Design System alternatives and related tools
1 AI prompts for design systems & ui kits — ready-to-copy prompts for this discipline, organised alongside the directory. Browse design systems & ui kits prompts →