carbon-components-react

A design system built by IBM

Showing:

Popularity

Downloads/wk

54.5K

GitHub Stars

4.7K

Maintenance

Last Commit

2d ago

Contributors

371

Package

Dependencies

17

License

Apache-2.0

Type Definitions

Tree-Shakeable

Yes?

Reviews

Average Rating

5.0/51
Read All Reviews

Top Feedback

1Great Documentation

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 Gitter

Getting started

If you're just getting started, check out carbon-components. If you're looking for React components, take a look at carbon-components-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 nameDescription
carbon-componentsComponent styles and Vanilla JavaScript
carbon-components-reactReact components
@carbon/elementsIBM Design Language elements like colors, type, iconography, and more
@carbon/colorsWork with IBM Design Language colors
@carbon/gridBuild layouts using the new 16 column grid system
@carbon/iconsIconography assets. We also offer support in: React, Angular, Vue, and Svelte
@carbon/pictogramsPictogram assets. We also offer support in: React and Svelte
@carbon/layoutLayout-based units and spacing scale
@carbon/motionProductive and expressive motion curves
@carbon/themesColor tokens available in the Carbon Design System, like $interactive-01
@carbon/typeNew 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


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

💻

Adam Alston

📖

Krithika S Udupa

📖

Eshin Griffith

💻

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

📝 License

Licensed under the Apache 2.0 License.

Rate & Review

Great Documentation1
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
Tim BulaNew York, NY4 Ratings0 Reviews
10 months ago
Great Documentation
TJ EganSan Jose, CA1 Rating0 Reviews
Front End Developer for Carbon Design System
July 30, 2020

Alternatives

@salesforce/design-system-reactSalesforce Lightning Design System for React
User RatingN/A
Top Feedback
N/A
GitHub Stars
754
Weekly Downloads
14K
material-uiMaterial-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
User Rating
5.0/ 5
2
Top Feedback
3Great Documentation
3Easy to Use
1Performant
GitHub Stars
72K
Weekly Downloads
92K
react-lightning-design-systemSalesforce Lightning Design System components built with React
User RatingN/A
Top Feedback
N/A
GitHub Stars
245
Weekly Downloads
358
@blueprintjs/coreA React-based UI toolkit for the web
User Rating
4.7/ 5
14
Top Feedback
5Great Documentation
4Highly Customizable
3Easy to Use
GitHub Stars
18K
Weekly Downloads
164K
grommeta react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
User Rating
4.6/ 5
9
Top Feedback
3Easy to Use
2Great Documentation
1Highly Customizable
GitHub Stars
8K
Weekly Downloads
25K
See 48 Alternatives