GitHub - tomleah/carbon: A design system built by IBM

Name	Name	Last commit message	Last commit date
Latest commit History 9,479 Commits
.github	.github
.husky	.husky
.yarn	.yarn
actions	actions
config	config
docs	docs
e2e	e2e
examples	examples
packages	packages
tasks	tasks
www	www
.all-contributorsrc	.all-contributorsrc
.editorconfig	.editorconfig
.eslintignore	.eslintignore
.gitattributes	.gitattributes
.gitignore	.gitignore
.kodiak.toml	.kodiak.toml
.nvmrc	.nvmrc
.percy.yml	.percy.yml
.prettierignore	.prettierignore
.stylelintignore	.stylelintignore
.yarnrc	.yarnrc
.yarnrc.yml	.yarnrc.yml
CODEOWNERS	CODEOWNERS
LICENSE	LICENSE
README.md	README.md
achecker.js	achecker.js
jest.config.js	jest.config.js
jest.e2e.config.js	jest.e2e.config.js
lerna.json	lerna.json
netlify.toml	netlify.toml
package.json	package.json
playwright.config.js	playwright.config.js
prettier.config.js	prettier.config.js
yarn.lock	yarn.lock

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/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

See our documentation site here for full how-to docs and guidelines
Contributing: Guidelines for making contributions to this repo.
🏃‍♀️ Migration Guides

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