README.md

July 1, 2026 · View on GitHub

Carbon Design System

Carbon Design System

Website · Design · Develop · Contribute · Migrate

CI OpenSSF Best Practices GitHub License Discord

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

PackageVersionDownloadsDescriptionLinks
@carbon/reactnpmNPM DownloadsReact components and styles.Docs · Storybook · Source
@carbon/web-componentsnpmNPM DownloadsStandards-based web components.Docs · Storybook · Source
@carbon/colorsnpmNPM DownloadsColor scales and color token utilities.Source
@carbon/elementsnpmNPM DownloadsIBM Design Language foundations, including tokens and assets.Source
@carbon/gridnpmNPM DownloadsLayouts built on Carbon's grid.Source
@carbon/iconsnpmNPM DownloadsIcon assets and framework packages.React · Vue · Source
@carbon/layoutnpmNPM DownloadsLayout units and spacing scale tokens.Source
@carbon/motionnpmNPM DownloadsProductive and expressive motion curves.Source
@carbon/pictogramsnpmNPM DownloadsPictogram assets.React · Source
@carbon/stylesnpmNPM DownloadsSass styles for Carbon components.Source
@carbon/themesnpmNPM DownloadsTheme tokens for Carbon color systems.Source
@carbon/typenpmNPM DownloadsType 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.

Contributors

Contributors