About Carbon Design System
Overview
Carbon is IBM's open source design system for products and digital experiences. Built on the IBM Design Language as its foundation, the system brings together working code, design tools and resources, and human interface guidelines.
A vibrant community of contributors helps maintain and extend the system. IBM releases the system publicly so teams can adopt, migrate, and contribute to it freely.
Key Benefits
- Open source under IBM so teams can adopt and extend it freely
- Reusable component libraries for React, Angular, Vue, Svelte, and Web Components
- Figma and Sketch design kits for designers
- Human interface guidelines grounded in the IBM Design Language
- An active contributor community that welcomes feedback, designs, and ideas
How It Works
Designers and developers choose the component library or design kit that matches their stack and then apply the human interface guidelines to build unified interfaces. Teams migrating existing products follow the site's migration guidance, and contributors submit feedback through the published contributing guidelines.
Use Cases
- Front-end developers build interfaces using the Carbon React, Angular, Vue, Svelte, or Web Components libraries
- Designers create unified product UI from the Figma or Sketch kits
- Teams migrating existing products follow Carbon's migration guidance
- Open source contributors share feedback, designs, and ideas through the contributing guidelines
Why Choose This Product
Carbon rests on the IBM Design Language, giving teams a consistent visual and interaction foundation backed by IBM. Recent releases such as Carbon for AI and the Carbon AI Chat v1 show the system expanding into AI workflows.
Carbon Design System Pricing
Pricing extracted from the product website and may change. Check the source for current details.