microsoft/fluentui

这是什么？

核心功能

• 01提供基于 Fluent 设计系统的 React v9 组件。
• 02提供 v8 React 组件库，可与 v9 共存以便逐步迁移。
• 03提供不依赖框架的 Web Components 实现。
• 04各项目以独立 npm 包形式发布。

适用场景

• 开发遵循微软 Fluent 设计语言的 React Web 应用。
• 将现有 Fluent UI v8 项目逐个组件迁移到 v9。
• 在非 React 或多框架混合的页面中使用 Fluent 风格的 Web Components。

快速上手

1. 1

   打开 README 中链接的 Fluent UI React v9 快速入门指南

使用前须知

• !该仓库包含三个独立项目（React v9、React v8 和 Web Components），需要选择正确的那一个。
• !Web Components 包仍处于测试版（README 中链接的是 3.0.0-beta.15）。
• !元数据中的许可证标注为 NOASSERTION，因此即使 README 写的是 MIT，也请自行确认许可条款。

收录于专题

标签

常见问题

fluentui 是什么？

微软的 Fluent UI 设计系统代码仓库，提供 React 组件、Web Components 和前端工具库。 Fluent UI web 是微软维护的 monorepo，包含 Fluent 设计系统背后的组件库。仓库内有三个相互独立的项目：Fluent UI React v9（@fluentui/react-components）、较早的 Fluent UI React v8（@fluentui/react）以及 Fluent UI Web Components（@fluentui/web-components）。v9 与 v8 可以在同一应用中混用，便于从 v8 逐步迁移到 v9。

fluentui 可以免费使用吗？用的什么许可证？

fluentui 以 Other 许可证开源。用于商业产品前，请先确认许可证条款。

fluentui 还在维护吗？

活跃维护中。fluentui 最近一次提交是在 2026年10月23日。

fluentui 适合用来做什么？

开发遵循微软 Fluent 设计语言的 React Web 应用。 将现有 Fluent UI v8 项目逐个组件迁移到 v9。 在非 React 或多框架混合的页面中使用 Fluent 风格的 Web Components。

fluentui 怎么安装和运行？

打开 README 中链接的 Fluent UI React v9 快速入门指南

在哪里获取 fluentui？

源代码和安装说明在 GitHub 上：https://github.com/microsoft/fluentui