/carbon

A design system built by IBM

Primary LanguageJavaScriptApache License 2.0Apache-2.0

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

πŸ’»

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

πŸ“ License

Licensed under the Apache 2.0 License.