- ホーム
- デザインシステム
- Base Web
- 代替
Base Web の代替サイト
Base Web と同じことができる 33 サイトを並べて比較。すべて手作業で選んだデザインシステムキット。
比較の基準Base WebUber の React デザインシステム。白黒でコントラストが強く、素直な形。Uber 自身の Web ツールの見た目。
詳細を開く → | サイト | コード | 料金 | 保存数 |
|---|
Base Webこのサイト | npm | 無料 | |
Primer ReactReact | npm | 無料 | |
CloudscapeReact | npm | 無料 | |
Spectrum 2React | npm | 無料 | |
CarbonReact | 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 | コピー | 無料 | |
デザインシステムライブラリについてデザインシステムは部品集以上のものです。色・文字・余白のトークン、テーマ切り替え、部品の組み合わせ方のルールがそろっています。すべてを自分でデザインせずにプロダクト全体の統一感を出したいときに選びましょう。
向いている用途- 見た目を統一したいプロダクト
- テーマとダークモード
- チームで同じ部品を共有する