- 首页
- 设计系统
- Fluent UI
- 替代
Fluent UI 的替代品
和 Fluent UI 干同一件事的 33 个站,摆在一起比。都是人工挑选的设计系统套件。
对比对象Fluent UI微软 Fluent 2 的 React 版,Teams、网页版 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 | 复制 | 免费 | |
关于设计系统类组件库设计系统不只是一套组件:它带着颜色、字体、间距的令牌,支持换主题,还规定了部件之间怎么搭配。想让整个产品风格统一、又不想每个部件都自己设计时,就选一套设计系统。