The Carbon elements project helps developers execute the IBM Design Language in digital and software products. This project contains a collection of packages for different elements of this language.
Carbon elements is a collection of packages that enable developers to use the IBM Design Language in code. We current offer the following packages that you can start using today:
| Package name | Description |
|---|---|
@carbon/colors |
Working with colors like Blue 50 |
@carbon/grid |
Building layouts using the new 16 column grid system |
@carbon/icons |
Iconography assets. We also offer support in: React, Angular, and Vue |
@carbon/layout |
Layout-based units and spacing scale |
@carbon/motion |
Productive and expressive motion curves |
@carbon/themes |
Color tokens available in the Carbon Design System, like $interactive-01 |
@carbon/type |
New type tokens used alongside IBM Plex |
While you can use each package individually if you would like, we also offer a
bundled version of these packages in @carbon/elements.
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.
The design for elements in the IBM Design Language could not have been possible without the incredible work done by the following individuals:
Mike Abbink, In-Hee Bae, Sadek Bazaraa, Chiu-Ping Chiu, Conrad Ennis, Peter Garvin, Hayley Hughes, Ryan Mellody, Erica Raymond, Denise Shaw, Wonil Suh, and Shixie Trofimov.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent