Carbon is IBM's open-source design system for products and experiences. This monorepo includes the React and web components libraries, Sass styles, design tokens, icons, pictograms, and tooling used to build with Carbon.
Packages
| Package | Version | Downloads | Description | Links |
|---|---|---|---|---|
@carbon/react |
 |
 |
React components and styles. | Docs · Storybook · Source |
@carbon/web-components |
 |
 |
Standards-based web components. | Docs · Storybook · Source |
@carbon/colors |
 |
 |
Color scales and color token utilities. | Source |
@carbon/elements |
 |
 |
IBM Design Language foundations, including tokens and assets. | Source |
@carbon/grid |
 |
 |
Layouts built on Carbon's grid. | Source |
@carbon/icons |
 |
 |
Icon assets and framework packages. | React · Vue · Source |
@carbon/layout |
 |
 |
Layout units and spacing scale tokens. | Source |
@carbon/motion |
 |
 |
Productive and expressive motion curves. | Source |
@carbon/pictograms |
 |
 |
Pictogram assets. | React · Source |
@carbon/styles |
 |
 |
Sass styles for Carbon components. | Source |
@carbon/themes |
 |
 |
Theme tokens for Carbon color systems. | Source |
@carbon/type |
 |
 |
Type tokens designed to pair with IBM Plex. | Source |
Community-maintained packages are also available for Angular, Svelte, and Vue.
Contributing
Contributions are welcome. See CONTRIBUTING.md for contribution guidelines and repository expectations.
Community
The Carbon community can be found on GitHub Discussions, where you can ask questions, share ideas, and connect with other contributors.
To chat with other community members, join the Carbon Discord server.
Note that our Code of Conduct applies to all Carbon community channels.
License
Licensed under the Apache 2.0 License.