Skip to content

We've moved! UI Fabric is now Fluent UI - A set of React components for building Microsoft web experiences.

License

Notifications You must be signed in to change notification settings

tomi-msft/fluentui

This branch is 69 commits behind microsoft/fluentui:master.

Folders and files

NameName
Last commit message
Last commit date
May 29, 2024
Oct 8, 2024
Nov 5, 2024
Jan 22, 2025
Oct 28, 2024
Feb 13, 2024
May 29, 2024
Jan 31, 2022
Jan 31, 2025
Jan 31, 2025
Jan 16, 2025
Sep 1, 2023
Jan 31, 2025
Jan 17, 2025
Oct 31, 2023
Jan 22, 2025
Jan 15, 2025
Aug 7, 2024
Mar 29, 2023
Jul 28, 2023
Jan 31, 2022
Oct 14, 2024
Jan 10, 2023
Feb 23, 2021
Oct 17, 2024
Jul 4, 2024
Jan 31, 2022
Mar 6, 2024
Jun 6, 2024
Jan 15, 2025
Feb 10, 2022
Jul 31, 2024
Jul 31, 2024
Jan 10, 2025
Oct 14, 2024
Jul 31, 2024
Aug 16, 2024
Aug 16, 2024
Aug 21, 2024
Sep 26, 2024
Aug 22, 2024
Jan 15, 2025
Sep 13, 2024
Oct 8, 2024
Jul 31, 2024
Jan 10, 2023
May 26, 2022
Jan 10, 2023
Jan 10, 2023
Jul 28, 2023
Nov 1, 2024
Jun 4, 2024
Jul 4, 2024
Aug 7, 2024
Nov 4, 2024
Jan 22, 2025
Dec 22, 2022
Jul 4, 2024
Jan 17, 2025
Jan 6, 2025
Jan 6, 2025
Jul 10, 2024
Oct 31, 2024
Jan 14, 2025
Jul 2, 2024
May 2, 2022
Jan 22, 2025

Repository files navigation

Fluent UI Web

Build Status GitHub contributors GitHub top language Twitter Follow

Fluent UI React is shipping its v9 final stable release. Visit the Fluent UI React v9 Release page on the wiki to learn more about the upcoming release schedule.

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

This repo is home to 3 separate projects today. Combining Fluent UI React v9 components with Fluent UI React v8 or v0 components is possible and allows gradual migration to Fluent UI v9.

The following table will help you navigate the 3 projects and understand their differences.

React Components (v9) React (v8) Web Components
Overview New, future-proof and forward looking Mature Web Component implementation of Fluent UI.
Used By Microsoft 365 Office Edge
Read Me README.md README.md README.md
Changelog CHANGELOG.md CHANGELOG.md CHANGELOG.md
Repo packages/react-components ./packages/react ./packages/web-components
Quick Start Quick Start Quick Start See README.md
Docs https://react.fluentui.dev/ aka.ms/fluentui-react aka.ms/fluentui-web-components
NPM @fluentui/react-components @fluentui/react @fluentui/web-components
Version npm version npm version npm version
Issues Fluent UI React Components GitHub Issues Fluent UI React GitHub Issues Fluent UI Web Components GitHub Issues

Why are there two React versions? Fluent UI v8 is still widely used. We encourage you to migrate to Fluent UI v9. See the Migration overview.

FluentUI Insights

Fluent UI Insights is a series that describes the design and decisions behind the Fluent UI design system.

EP01: Positioning EP02: Styling EP03: Griffel
Watch EP01: Positioning Watch EP02: Styling Watch EP03: Griffel
EP04: Foundational APIs EP05: Theming EP06: Accessible by default
Watch EP04: Foundational APIs Watch EP05: Theming Watch EP06: Accessible by default

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

You can view the complete list of additions, fixes, and changes in the CHANGELOG.md file for each package.

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.

Looking for Fluent UI React Northstar?

Fluent UI React Northstar has been superseded by Fluent UI React Components v9. For more details about Fluent UI React Northstar, see its README.md.


This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

About

We've moved! UI Fabric is now Fluent UI - A set of React components for building Microsoft web experiences.

Resources

License

Security policy

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 95.8%
  • JavaScript 1.8%
  • MDX 1.6%
  • SCSS 0.5%
  • HTML 0.2%
  • CSS 0.1%