Carbon Design System

Carbon is IBM's interface design system.

Visit Carbon Design System official site

What it is

Carbon is IBM’s interface design system.

Why it is selected

Its Button documentation includes a live demo and an overview of use.

Who it suits

Teams maintaining an interface with consistent styling.

Useful for

  • Teams aligning button appearance and usage can begin with the demo and guidance.

Usage note

The examples explain usage, but none was run in a product here. Confirm version and styling before adoption.

Fluent 2

Fluent 2 is Microsoft's interface design system.

  • components
  • react
  • design-system

Components

PatternFly

PatternFly provides design and development guidance for product interfaces.

  • components
  • react
  • design-system

Components

Primer

Primer documents design and implementation resources for GitHub product interfaces.

  • components
  • react
  • design-system

Components