Ibm Products

Theme by Carbon design system

|

Updated: 23 May 2025

|

110 Stars

A Carbon-powered React and Web Component library for IBM Products

Categories

Overview

Carbon for IBM Products is an open source implementation of the closed source IBM Software pattern asset library. It builds on the foundation of IBM’s open source Carbon Design System and React implementation to offer components and patterns beyond the typical component library. It was previously known as Carbon for Cloud and Cognitive.

Features

• A curated set of components and patterns designed by the Carbon for IBM Products team
• Legacy and non-curated design implementations used in application integration (v1 only)
• Legacy and non-curated design implementations used in security (v1 only)
• Storybook addon enabling Carbon theme switching

Installation

To install the Carbon for IBM Products theme, follow these steps:

1. Install the necessary packages from npm:

npm install @carbon/ibm-products

2. Import the components into your project:

import { Button, TextInput } from '@carbon/ibm-products';

3. Start using the components in your code as needed.

Summary

Carbon for IBM Products is an open source implementation of IBM’s pattern asset library. It offers a curated set of components and patterns built on top of the Carbon Design System and React. With features like legacy design implementations and a storybook addon for theme switching, Carbon for IBM Products provides developers with a flexible and customizable solution for building IBM products.