Carbon Design System
Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
We also have community-contributed components for the following technologies:
If you're trying to find something specific, here's a full list of packages that we support!
||IBM Design Language elements like colors, type, iconography, and more|
||Work with IBM Design Language colors|
||Build layouts using the new 16 column grid system|
||Iconography assets. We also offer support in: React, Angular, and Vue|
||Pictogram assets. We also offer support in: React|
||Layout-based units and spacing scale|
||Productive and expressive motion curves|
||Color tokens available in the Carbon Design System, like
||New type tokens used alongside IBM Plex|
- See our documentation site here for full how-to docs and guidelines
- Contributing: Guidelines for making contributions to this repo.
- 🏃♀️ Migration Guides
- v9 to v10 (vanilla)
- v9 to v10 (v6 to v7 React)
We're always looking for contributors to help us fix bugs, build new features, or help us improve the project documentation. If you're interested, definitely check out our Contributing Guide and our Developer Guide! 👀
Licensed under the Apache 2.0 License.