Article · Wikipedia archive · Last revised Jul 14, 2026

Carbon Design System

Carbon Design System is a free and open-source design system and library created by IBM, which implements the IBM Design Language, and licensed under Apache License 2.0. Its public development initially started on June 10, 2015. Their components have multiple implementations, which includes a vanilla JS and CSS implementation and React, while the community maintains the frameworks developed in Svelte, Vue.js, and Web Components. The official typeface to be used according to the guidelines is the IBM Plex typeface, with alternative typefaces for CJK scripts are Noto Sans CJK SC, Noto Sans CJK TC, and Noto Sans JP.

Last revised
Jul 14, 2026
Read time
≈ 1 min
Length
305 w
Citations
17
Source
Wikipedia ↗
Carbon Design System
Original authorIBM
DeveloperIBM
Stable release(s) [±]
Carbon10.31.0 / April 1, 2021 (2021-04-01) 1
Angular4.46.0 / March 24, 2021 (2021-03-24) 2
React7.32.0 / April 1, 2021 (2021-04-01) 3
Vue2.37.1 / February 2, 2021 (2021-02-02) 4
Web Components1.12.0 / March 10, 2021 (2021-03-10) 56
Preview release(s) [±]
React7.32.0-rc.0 / March 30, 2021 (2021-03-30) 7
Svelte0.32.1 / April 2, 2021 (2021-04-02) 8
Written inJavaScript, Vue
TypeDesign language software
LicenseApache License 2.0910
Websitewww.carbondesignsystem.com
Repository

Carbon Design System is a free and open-source design system and library created by IBM, which implements the IBM Design Language, and licensed under Apache License 2.0.910 Its public development initially started on June 10, 2015.11 Their components have multiple implementations, which includes a vanilla JS and CSS implementation and React (maintained by the Carbon Core team12), while the community maintains the frameworks developed in Svelte, Vue.js, and Web Components.12 The official typeface to be used according to the guidelines is the IBM Plex typeface,13 with alternative typefaces for CJK scripts are Noto Sans CJK SC, Noto Sans CJK TC, and Noto Sans JP.14

See also

See also

References

References

  1. "Release v10.32.0 · carbon-design-system/carbon". GitHub. 2021-04-01. Retrieved 2021-04-04.
  2. "carbon-components-angular - npm". npm. 2021-03-24. Retrieved 2021-03-31.
  3. "carbon-components-react - npm". npm. 2021-04-01. Retrieved 2021-04-04.
  4. "Release @carbon/vue@2.37.1 · carbon-design-system/carbon-components-vue". GitHub. 2021-02-02. Retrieved 2021-03-18.
  5. "carbon-web-components - npm". npm. 2021-03-10. Retrieved 2021-03-18.
  6. ""Release v1.12.0 · carbon-design-system/carbon-web-components"". GitHub. 2021-03-10. Retrieved 2021-03-18.
  7. "carbon-components-react - npm". npm. 2021-03-30. Retrieved 2021-03-31.
  8. "carbon-components-svelte - npm". npm. 2021-04-02. Retrieved 2021-04-04.
  9. "carbon/LICENSE at main · carbon-design-system/carbon". GitHub. 2016-11-02. Retrieved 2021-03-18.
  10. "carbon-components-vue/LICENSE at master · carbon-design-system/carbon-components-vue". GitHub. 2018-10-24. Retrieved 2021-03-18.
  11. "Initial commit · carbon-design-system/carbon@3abb05a". GitHub. 2015-07-10. Retrieved 2021-03-18.
  12. "How Carbon works – Carbon Design System". carbondesignsystem.com. Retrieved 2021-03-18.
  13. "IBM Design Language – Resources". carbondesignsystem.com.
  14. "IBM Design Language – Typeface". carbondesignsystem.com. Retrieved 2021-03-18.
External links