microsoft/fluentui

これは何？

主な機能

• 01Fluentデザインシステムに基づくReact v9コンポーネントを提供します。
• 02v9と共存でき、段階的な移行に対応するReact v8ライブラリを提供します。
• 03標準のWeb APIで構築された、フレームワークに依存しないWeb Componentsを含みます。
• 04各プロジェクトを個別のnpmパッケージとして公開します。

ユースケース

• Microsoft Fluentのデザイン言語に沿ったReact Webアプリを構築する。
• 既存のFluent UI v8コードベースを、コンポーネント単位でv9へ移行する。
• React以外のページや複数のフレームワークが混在するページで、FluentスタイルのWeb Componentsを使う。

クイックスタート

1. 1

   READMEにリンクされているFluent UI React v9 Quick Startガイドを開きます

使う前に知っておきたいこと

• !リポジトリにはReact v9、React v8、Web Componentsの3つの別プロジェクトが含まれているため、適切なものを選ぶ必要があります。
• !Web Componentsパッケージはまだベータ版です（READMEにリンクされているのは3.0.0-beta.15です）。
• !メタデータ上のライセンスはNOASSERTIONとなっています。READMEにはMITと記載されていますが、ライセンス条件をご自身で確認してください。

収録されている特集

トピック

よくある質問

fluentui とは？

Microsoftが提供する、Fluent UIデザインシステムに基づくWebアプリ構築用のReactコンポーネント、Web Components、ユーティリティのモノレポ。 Fluent UI webは、Fluentデザインシステムを支えるコンポーネントライブラリをまとめたMicrosoftのモノレポです。次の3つのプロジェクトを提供しています。Fluent UI React v9（@fluentui/react-components）、旧版のFluent UI React v8（@fluentui/react）、そしてFluent UI Web Components（@fluentui/web-components）です。v9とv8のパッケージは1つのアプリ内で併用できるため、v8からv9へ段階的に移行できます。

fluentui は無料で使えますか？ライセンスは？

fluentui は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

fluentui は今もメンテナンスされていますか？

活発にメンテナンス中。fluentui の最終コミットは 2026年10月23日 です。

fluentui は何に使えますか？

Microsoft Fluentのデザイン言語に沿ったReact Webアプリを構築する。 既存のFluent UI v8コードベースを、コンポーネント単位でv9へ移行する。 React以外のページや複数のフレームワークが混在するページで、FluentスタイルのWeb Componentsを使う。

fluentui のインストール方法は？

READMEにリンクされているFluent UI React v9 Quick Startガイドを開きます

fluentui はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/microsoft/fluentui