Carbon Components Svelte screenshot

Carbon Components Svelte

Updated: 20 May 2025
2799 Stars

Svelte implementation of the Carbon Design System

Categories

Overview:

Carbon Components Svelte is a Svelte component library created by IBM that implements the Carbon Design System. This open source design system is designed to facilitate design and development through reuse, consistency, and extensibility. Along with carbon-components-svelte, the Carbon Svelte portfolio also includes Carbon Icons Svelte, Carbon Pictograms Svelte, Carbon Charts Svelte, and Carbon Preprocess Svelte.

Features:

  • Carbon Components Svelte: A component library that implements the Carbon Design System.
  • Carbon Icons Svelte: 2,000+ Carbon icons as Svelte components.
  • Carbon Pictograms Svelte: 1,000+ Carbon pictograms as Svelte components.
  • Carbon Charts Svelte: 20+ charts powered by d3.
  • Carbon Preprocess Svelte: Collection of Svelte preprocessors for Carbon.

Installation:

To install carbon-components-svelte, you need to add it as a development dependency. Here is how you can do it:

npm install --save-dev carbon-components-svelte

Summary:

Carbon Components Svelte is a Svelte component library that implements the Carbon Design System. It is part of the Carbon Svelte portfolio, which includes additional libraries for icons, pictograms, charts, and preprocessors. By using Carbon Components Svelte, developers can easily create web applications with a consistent and visually appealing design.