Fluent UI の代替サイト

Fluent UI と同じことができる 33 サイトを並べて比較。すべて手作業で選んだデザインシステムキット。

比較の基準Fluent UI

Microsoft の Fluent 2 の React 版。Teams や Web 版 Office の土台で、落ち着いた青と小さめの角丸、詰まった整然としたレイアウト。

サイト	コード	料金
Fluent UIこのサイト	npm	無料
Primer ReactReact	npm	無料
Base WebReact	npm	無料
CloudscapeReact	npm	無料
Spectrum 2React	npm	無料
CarbonReact	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	コピー	無料