Carbon Design System

A design system based on the Carbon Design System by IBM

Getting started

If you're just getting started, check out @rocketsoftware/carbon-components. If you're looking for React components, take a look at @rocketsoftware/carbon-components-react.

We also have community-contributed components for the following technologies:

• Angular
• Vue

If you're trying to find something specific, here's a full list of packages that we support!

Package name	Description
@rocketsoftware/carbon-components	Component styles and Vanilla JavaScript
@rocketsoftware/carbon-components-react	React components
@rocketsoftware/elements	Elements like colors, type, iconography, and more
@rocketsoftware/colors	Colors
@rocketsoftware/grid	Build layouts using the new 16 column grid system
@rocketsoftware/icons	Iconography assets. We also offer support in: React, Angular, and Vue
@rocketsoftware/layout	Layout-based units and spacing scale
@rocketsoftware/motion	Productive and expressive motion curves
@rocketsoftware/themes	SCSS Color tokens
@rocketsoftware/type	New type tokens used alongside IBM Plex

📚 Documentation

• 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)

🙌 Contributing

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! 👀

Contributors

TJ Egan 💻 📖 🚇 👀 ️️️️♿️	Josh Black 💻 📖 🚇 👀 ️️️️♿️	Alessandra Davila 💻 📖 👀 ️️️️♿️	DAK 💻 📖 👀 ️️️️♿️	Andrea N. Cardona 💻 📖 👀 ️️️️♿️	emyarod 💻 📖 👀 ️️️️♿️	Josefina Mancilla 💻 📖 👀 ️️️️♿️
Vince Picone 💻 📖 👀 ️️️️♿️	Ricardo Henriquez 💻 📖 👀 ️️️️♿️	Scott Strubberg 💻 📖 👀 ️️️️♿️	Alison Joseph 💻 📖 👀 ️️️️♿️	Anna Gonzales 🎨 👀	jillianhowarth 🖋 🎨 👀	Lauren Rice 🎨 👀
johnbister 🎨 👀	Dominik Brugger 💻 🚧	Jan Hassel 💻	Alexander Lyon 💻	Rosie Z 💻	Abdul Rehman 💻	Nick Gong 💻
Nishith P 📖	Eric Charpentier 💻	Luiza Mendes 💻 🚧	Akmal Hakimi Mohd Zamri 💻	sanjitbauli 📖	Laszlo Moczo 💻	LMapes 🖋 📖
conradennis 🎨	Eric Liu 💻 📖	Richard Všianský 💻	Lee Chase 💻 📖	Anton 💻	Panpan Lin 📖	Ashley Harrison 💻
Jen Downs 💻 📖 ️️️️♿️	Taylor Jones 💻 📖 ️️️️♿️	MIchael Dudley 🎨	David Bradshaw 💻	Simon Finney 💻 ️️️️♿️	Attila Bartha 💻	배하람 💻
Yohanna Gadelrab 📖	Akira Sudoh 💻 📖 ️️️️♿️ 🚇	Oyinkan Oyetunmibi 📖	pbenson322 📖	Abbey Hart 💻 📖 ️️️️♿️	Lucas 💻	Dylan Klohr 📖
Gilli Sigurdsson 🎨	kennylam 💻 ️️️️♿️	Sébastien 💻	Dusan Milko 💻	Taras Polovyi 💻	Chris Connors 🎨 📖	David Conner 💻 ️️️️♿️
Harish Mohanani 💻	Frivalszky-Mayer Péter 💻 ️️️️♿️	s100 💻	Taranveer Virk 💻	Niall Cargill 📖	Matt Chapman 💻	Boston Cartwright 💻
DavidSCChen 💻	molyholy 💻	Scott Dickerson 💻	Evgeniy Podgaetskiy 💻	CassidyJensen 💻 ️️️️♿️	Zsolt Lattmann 💻	Conrad Schmidt 💻
Ignacio Becerra 💻	Swapnil Patil 📖	Fei Z 💻	Ignas Ausiejus 📖	Ryan O. Mackey 💻	Dávid Halász 💻	Bill Guigue 💻
szymonbrandys 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

📝 License

Licensed under the Apache 2.0 License.