Submit
  1. Home
  2. Design Systems
  3. Carbon
  4. Alternatives

Carbon alternatives

33 sites that do what Carbon does, side by side. All hand-picked Design Systems kits.

Carbon screenshot 1
Comparing againstCarbon

IBM's design system for its cloud and data products: square corners, IBM Plex type and a strict grid.

Open page →
SiteGet codePriceSaves
CarbonThis onenpmFree
Primer ReactReactnpmFree
Base WebReactnpmFree
CloudscapeReactnpmFree
Spectrum 2ReactnpmFree
Fluent UIReactnpmFree
Apps SDK UIReact, TailwindnpmFree
even-toolkitReactnpmFree
Fuji UIReactnpmFree
Twenty UIReactnpmFree
Polar UIReact, Tailwind CSSnpmFree
Dub UIReact, Tailwind CSSnpmFree
WedgesReact, Radix UI, Tailwind CSSnpmFree
Primer BrandReactnpmFree
Welcome UIReact, Tailwind CSSnpmFree
Functional UI KitReact, FigmanpmFree
Framework7JavaScript, React, Vue, SveltenpmFree
Lobe UIReact, antd-stylenpmFree
Meta AstryxReact, StyleXnpmFree
MUI (Material UI)React, EmotionnpmFree
KumoReact, Tailwind CSS, Base UInpmFree
Animal Island UIReact, TypeScriptnpmFree
HeroUIReact, Tailwind CSS, React ArianpmFree
AfterglowReact, shadcn/ui, Base UIRegistryFree
Plane UIReact, Tailwind CSSCopyFree
Unkey UIReact, Tailwind CSSCopyFree
Midday UIReact, shadcn/uiCopyFree
BoardUIReact, Tailwind CSS, React AriaRegistryFree
Untitled UI ReactReact, Tailwind CSS, React AriaRegistryFree
Material WebWeb Components, LitnpmFree
RoughnessVuenpmFree
Animal Island VueVuenpmFree
PaperCSSCSSnpmFree
PolarisWeb ComponentsCopyFree
About Design Systems libraries

A design system is more than a component set: it comes with tokens for color, type and spacing, theming, and rules for how parts fit together. Choose one when you want the whole product to feel consistent without designing every piece yourself.

Good for
  • Products that need one consistent look
  • Theming and dark mode
  • Teams sharing one set of components