Repolode
Submit
microsoft

microsoft/fluentui

Microsoft's monorepo of React components, web components and utilities for building web apps in the Fluent UI design system.

View on GitHubWebsite
Stars
20,356
Forks
2,952
Open issues
819
Last commit
2 days ago

What is it?

Fluent UI web is a monorepo from Microsoft that contains the component libraries behind the Fluent design system. It ships three separate projects: Fluent UI React v9 (@fluentui/react-components), the older Fluent UI React v8 (@fluentui/react), and Fluent UI Web Components (@fluentui/web-components). The v9 and v8 packages can be combined in one app, which allows a gradual migration from v8 to v9.

The v9 React components are the newer line and are used by Microsoft 365, while v8 is a mature library that is still widely used by Office. The Web Components project is a framework-agnostic implementation of Fluent UI, used by Edge. Fluent UI React Northstar has reached end of life and is no longer maintained.

The project is distributed through npm, and documentation and a Storybook-based site are available at react.fluentui.dev.

Key features

  • 01Provides React v9 components built on the Fluent design system.
  • 02Offers a v8 React library that can coexist with v9 for incremental migration.
  • 03Includes framework-agnostic Web Components built with standard web APIs.
  • 04Publishes each project as its own npm package.

Use cases

  • Building a React web application that follows the Microsoft Fluent design language.
  • Migrating an existing Fluent UI v8 codebase to v9 one component at a time.
  • Using Fluent-styled web components in a non-React or mixed-framework page.

Quick start

  1. 1

    Open the Fluent UI React v9 Quick Start guide linked in the README

Things to know

  • The repo contains three separate projects (React v9, React v8, and Web Components), so you must pick the right one.
  • The Web Components package is still in beta (3.0.0-beta.15 is linked in the README).
  • The metadata license is listed as NOASSERTION, so confirm the license terms yourself even though the README says MIT.

In collections

Frontend frameworks & UI components

Topics

#react#design-system#ui-components#typescript#web-components#fluent-ui#components#fluent#microsoft#office-ui-fabric

FAQ

What is fluentui?
Microsoft's monorepo of React components, web components and utilities for building web apps in the Fluent UI design system. Fluent UI web is a monorepo from Microsoft that contains the component libraries behind the Fluent design system. It ships three separate projects: Fluent UI React v9 (@fluentui/react-components), the older Fluent UI React v8 (@fluentui/react), and Fluent UI Web Components (@fluentui/web-components). The v9 and v8 packages can be combined in one app, which allows a gradual migration from v8 to v9.
Is fluentui free to use? What license does it have?
fluentui is open source under the Other license. Check the license terms before using it in commercial products.
Is fluentui still maintained?
Actively maintained. The last commit to fluentui was on Oct 23, 2026.
What can I use fluentui for?
Building a React web application that follows the Microsoft Fluent design language. Migrating an existing Fluent UI v8 codebase to v9 one component at a time. Using Fluent-styled web components in a non-React or mixed-framework page.
How do I install fluentui?
Open the Fluent UI React v9 Quick Start guide linked in the README
Where can I get fluentui?
The source code and installation instructions are on GitHub: https://github.com/microsoft/fluentui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects