GitHub
7.16k
Created 7 years ago, last commit a day ago
406 contributors
10.5k commits
Stars added on GitHub, month by month
11
12
1
2
3
4
5
6
7
8
9
10
2022
2023
Stars added on GitHub, per day, on average
Yesterday
+4
Last week
+1.1 /day
Last month
+1.7 /day
Last 12 months
+2.8 /day
Package on NPM
Monthly downloads on NPM
11
12
1
2
3
4
5
6
7
8
9
10
2022
2023
README

Carbon Design System

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.

Carbon is released under the Apache-2.0 license CI workflow status Maintained with Lerna PRs welcome Chat with us on Discord

Getting started

If you're just getting started, check out @carbon/react.

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!

Package name Description
@carbon/react React components and styles
@carbon/styles Sass styles for components
@carbon/elements IBM Design Language elements like colors, type, iconography, and more
@carbon/colors Work with IBM Design Language colors
@carbon/grid Build layouts using the new 16 column grid system
@carbon/icons Iconography assets. We also offer support in: React, Angular, Vue, and Svelte
@carbon/pictograms Pictogram assets. We also offer support in: React and Svelte
@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

📚 Documentation

🙌 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


Taylor Jones

💻 📖 ️️️️♿️

TJ Egan

💻 📖 🚇 👀 ️️️️♿️

Alessandra Davila

💻 📖 👀 ️️️️♿️

Andrea N. Cardona

💻 📖 👀 ️️️️♿️

Francine Lucca

💻 📖 👀 ️️️️♿️

Scott Strubberg

💻 📖 👀 ️️️️♿️

Alison Joseph

💻 📖 👀 ️️️️♿️

Anna Gonzales

🎨 👀

Lauren Rice

🎨 👀

Josh Black

💻 📖 🚇 👀 ️️️️♿️

DAK

💻 📖 👀 ️️️️♿️

Josefina Mancilla

💻 📖 👀 ️️️️♿️

emyarod

💻 📖 👀 ️️️️♿️

Eric Marcoux

💻

Vince Picone

💻 📖 👀 ️️️️♿️

jillianhowarth

🖋 🎨 👀

Ricardo Henriquez

💻 📖 👀 ️️️️♿️

johnbister

🎨 👀

Dominik Brugger

💻 🚧

Jan Hassel

💻 📖 ️️️️♿️ 🎨

Alexander Lyon

💻

Rosie Z

💻

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

💻 📖 ️️️️♿️

Abdul Rehman

💻

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

💻

Adam Alston

📖

Krithika S Udupa

📖

Eshin Griffith

💻

@RianTavaresOn

💻 🎨

ColbyJohnIBM

💻

HÃ¥kon

💻 📖

Tanner Summers

💻

Zhen Wang

💻 📖

Cathal Kenneally

💻

Joel Humberto Gómez Paredes

💻

James Nash

💻 📖

Jakub Faliszewski

💻

Nick Gong

💻

Hannele Valtanen

💻

Llam4u

💻 🐛

G. Torres

💻

Fiona

💻

kindoflew

💻

Mario Gueyraud

💻

Dongjoon Lee

💻

ShankarV-CodeJunkie

💻

dario platania

💻

Mateusz Krzyżanowski

💻

jpsorensen

💻

jae kaplan

🚇

Sierra Wetmore

💻

kcprevatt

💻

Marcin Lewandowski

💻

remolueoend

💻

Jesse Hull

💻 ️️️️♿️

Ashvin Warrier

💻

GalvinGao

💻

Bianca Sparxs

💻

Mahmoud Abdulazim

💻

Dave Steinberg

💻

Seong-Hyun Ryoo

💻

Pratik Karad

💻 ️️️️♿️

Gerzon

💻

Guilherme Datilio Ribeiro

💻 📖 ️️️️♿️ 👀

Josef Kubíček

💻

Sunny Johal

💻

Steven Black

💻 ️️️️♿️

Mark Judy

💻

Anton Tsymuk

💻

Mohammed Aslam P. A.

💻 📖

Tony ZL

💻

Petr Kadlec

💻

David Ragsdale

💻

Hao Cheng

💻

cordesmj

💻

Aziz Chebbi

💻

Michał Konopski

💻

Omkar Ajagunde

💻 📖

Aman Lajpal

💻 📖

Niraj Sah

💻

Allison Ishida

💻

Alex Lewitt

💻

Ruki

💻

Allison Ishida

💻

Tresau-IBM

💻

Alex Lewitt

💻

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

📝 License

Licensed under the Apache 2.0 License.