Carbon Design System

Carbon is IBM's open-source design system — the design framework that powers IBM Cloud, Watson, and basically every digital surface IBM ships. If you're building enterprise SaaS and want a battle-tested design system with React + Vue + Angular + Svelte component libraries, accessibility baked in at AA/AAA levels, and documentation that actually answers your questions, Carbon is one of three or four serious open-source options (alongside Material Design from Google, Polaris from Shopify, and Atlassian's Design System). What you get: comprehensive component library (buttons, inputs, tables, modals, navigation, data viz — hundreds of components) across React + Vue + Angular + Svelte + Web Components implementations, design tokens for color + typography + spacing + motion that you can theme, Figma library that mirrors the code components (so designers and engineers stay in sync), accessibility patterns documented for every component (Carbon takes WCAG seriously — IBM's enterprise customers require it), content guidelines for tone + voice + microcopy, data visualization library (Carbon Charts) that's better than most design systems' viz, and a brand expression system if you want to theme Carbon for your own brand. Where Carbon shines: enterprise data-heavy UIs (admin panels, dashboards, internal tools) where you need 50+ components that all work together and look professional without designing every screen from scratch. The data tables alone — sortable, filterable, paginated, virtualized — would take you a month to build properly. And the accessibility work means you're not failing your enterprise client's security review on WCAG compliance. Where it's not for you: marketing sites and consumer products where the IBM aesthetic (clean, neutral, slightly corporate) doesn't fit. Carbon is opinionated — you can theme it, but the underlying interaction patterns are designed for enterprise productivity, not delight. If you're building a consumer app or a brand-heavy marketing site, you want shadcn/ui + Tailwind, not Carbon. Pricing: free, open source (Apache 2.0). IBM funds development because Carbon is critical to their own products. The community is active, releases are regular, and the docs are some of the best in the open-source design system world. Honest take: if you're building enterprise SaaS in 2026 and you're choosing a design system, Carbon, Material, Polaris, and Fluent (Microsoft) are your serious options. Carbon's strengths are accessibility + data viz + enterprise components. Material is more consumer-friendly. Polaris is e-commerce-specific. Pick based on what you're building.