Skip to main contentCarbon Design System


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

The Angular library is maintained by members of the Carbon community. For support, contact the Carbon Angular team.

v11 upgrade for Carbon Angular is coming soon.



Assuming we’re starting with a new @angular/cli project:

npx @angular/cli new my-project --style=scss
cd my-project
npm i --save carbon-components-angular carbon-components

Then we need to include carbon-components in src/styles.scss:

@import '~carbon-components/scss/globals/scss/styles.scss';

That’s it! Now start the server and start building.

npm start

Note: This isn’t the only way to bootstrap a carbon-components-angular application, but the combination of @angular/cli and the carbon-components scss is our recommended setup.

Using our starter app

carbon-angular-starter screenshot

We recommend using the carbon-angular-starter for bootstrapping applications with Carbon components. Within five minutes your app will be running with the following already configured:

  • Angular-cli
  • Build process
  • Code styles and editor configs
  • Folder structure
  • Lazy loading
  • Routing
  • Service workers
  • Test framework

Check out the readme for installation instructions.


Please refer to the contributing guidelines before starting any work.