carbon-design-system/carbon

A design system built by IBM

9,444

stars

12,178

commits

JavaScript

primary language

Sep 11, 2026

updated

www.carbondesignsystem.com
design-system
hacktoberfest
javascript
react
scss
Browse cluster: React UI Component Libraries & Design Systems

README

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

Contributors

(top 30 of 374)

joshblack

1,293 commits

tw15egan

988 commits

dependabot[bot]

809 commits

emyarod

763 commits

carbon-design-system/carbon

A design system built by IBM

9,444

stars

12,178

commits

JavaScript

primary language

Sep 11, 2026

updated

www.carbondesignsystem.com
design-system
hacktoberfest
javascript
react
scss
Browse cluster: React UI Component Libraries & Design Systems

README

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

Contributors

(top 30 of 374)

joshblack

1,293 commits

tw15egan

988 commits

dependabot[bot]

809 commits

emyarod

763 commits

Languages

JavaScript

40.4%

TypeScript

39.9%

SCSS

12.9%

MDX

5.5%

HTML

1.2%