Fluent UI Web

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

The Fluent UI web repository is home to 3 main projects today, the following table will help navigate them and understand their differences.

	React	React Northstar	Web Components
Overview	Mature, refreshing with new concepts from react-northstar.	Newer, has concepts we're iterating on.	Web Component implementation of Fluent UI.
Used By	Office	Teams	Edge
Read Me	README.md	README.md	README.md
Repo	./packages/react ./packages/office-ui-fabric-react	./packages/fluentui/react-northstar	./packages/web-components
Quick Start	Quick Start	Quick Start	See README.md
Docs	aka.ms/fluentui-react	aka.ms/fluentui-react-northstar	aka.ms/fluentui-web-components
NPM	@fluentui/react	@fluentui/react-northstar	@fluentui/web-components
Version
Issues

The goal of these projects is to dedupe functionality and increase interoperability over time. Why are there two React versions? See the FAQ on Fabric and Stardust

Licenses

All files on the Fluent UI React GitHub repository are subject to the MIT license. Please read the License file at the root of the project.

Usage of the fonts and icons referenced in Fluent UI React is subject to the terms of the assets license agreement.

Changelog

We use GitHub Releases to manage our releases, including the changelog between every release. View a complete list of additions, fixes, and changes on the releases page.

Looking for Office UI Fabric React?

The Office UI Fabric React project has evolved to Fluent UI.

The office-ui-fabric-react repo is now this repo (fluentui in the Microsoft organization)! The name change should not disrupt any current Fabric usage, repo clones, pull requests or issue reporting. Links should redirect to the new location. The library formerly known as office-ui-fabric-react is now available as @fluentui/react (see above table for more information).

We have a lot in store for Fluent UI - Read our announcement here.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.