Carbon Core

Last updated Jun 23, 2026

The Carbon library provides front-end developers and engineers a collection of reusable components to build websites and user interfaces. Adopting the library enables developers to use consistent markup, styles, and behavior in prototype and production work.

Carbon Core

Install

The @carbon/react package provides components, styles and icons for the Carbon Design System.

Ensure the peerDependencies for @carbon/react are installed in your project to avoid errors.

How to get started

Components

Components require the use of a build pipeline in your project. This could be in the form of a bundler, framework, or other build tool. Some examples include Next.js, Vite, Parcel, and Webpack. A comprehensive list is available in the react documentation.

To use a component, import it directly from the package:

Styles

To include the styles for a component, you can either import all the styles from the project or include the styles for only a specific component:

Icons

The @carbon/react package also provides icon components that you can include in your project. You can import these icon components from the @carbon/react/icons entrypoint:

Troubleshooting

If you experience any issues while getting set up, please head over to the GitHub repo for more guidelines and support. Please create an issue if your issue does not already exist.