- ホーム
- デザインシステム
- Carbon
- 代替
Carbon の代替サイト
Carbon と同じことができる 33 サイトを並べて比較。すべて手作業で選んだデザインシステムキット。
比較の基準CarbonIBM がクラウドやデータ製品で使うデザインシステム。角丸なし、IBM Plex フォント、厳密なグリッド。
詳細を開く → | サイト | コード | 料金 | 保存数 |
|---|
Carbonこのサイト | npm | 無料 | |
Primer ReactReact | npm | 無料 | |
Base WebReact | npm | 無料 | |
CloudscapeReact | npm | 無料 | |
Spectrum 2React | npm | 無料 | |
Fluent UIReact | npm | 無料 | |
Apps SDK UIReact, Tailwind | npm | 無料 | |
even-toolkitReact | npm | 無料 | |
Fuji UIReact | npm | 無料 | |
Twenty UIReact | npm | 無料 | |
Polar UIReact, Tailwind CSS | npm | 無料 | |
Dub UIReact, Tailwind CSS | npm | 無料 | |
WedgesReact, Radix UI, Tailwind CSS | npm | 無料 | |
Primer BrandReact | npm | 無料 | |
Welcome UIReact, Tailwind CSS | npm | 無料 | |
Functional UI KitReact, Figma | npm | 無料 | |
Framework7JavaScript, React, Vue, Svelte | npm | 無料 | |
Lobe UIReact, antd-style | npm | 無料 | |
Meta AstryxReact, StyleX | npm | 無料 | |
MUI (Material UI)React, Emotion | npm | 無料 | |
KumoReact, Tailwind CSS, Base UI | npm | 無料 | |
Animal Island UIReact, TypeScript | npm | 無料 | |
HeroUIReact, Tailwind CSS, React Aria | npm | 無料 | |
AfterglowReact, shadcn/ui, Base UI | レジストリ | 無料 | |
Plane UIReact, Tailwind CSS | コピー | 無料 | |
Unkey UIReact, Tailwind CSS | コピー | 無料 | |
Midday UIReact, shadcn/ui | コピー | 無料 | |
BoardUIReact, Tailwind CSS, React Aria | レジストリ | 無料 | |
Untitled UI ReactReact, Tailwind CSS, React Aria | レジストリ | 無料 | |
Material WebWeb Components, Lit | npm | 無料 | |
RoughnessVue | npm | 無料 | |
Animal Island VueVue | npm | 無料 | |
PaperCSSCSS | npm | 無料 | |
PolarisWeb Components | コピー | 無料 | |
デザインシステムライブラリについてデザインシステムは部品集以上のものです。色・文字・余白のトークン、テーマ切り替え、部品の組み合わせ方のルールがそろっています。すべてを自分でデザインせずにプロダクト全体の統一感を出したいときに選びましょう。
向いている用途- 見た目を統一したいプロダクト
- テーマとダークモード
- チームで同じ部品を共有する