Fluent 2 Design System

Build production-grade interfaces using Microsoft's Fluent 2 design system with @fluentui/react-components (v9).

Quick Start

Every Fluent 2 React app requires a FluentProvider wrapping the component tree with a theme:

import {
  FluentProvider,
  webLightTheme,
  webDarkTheme,
  Button,
  tokens,
  makeStyles,
  mergeClasses,
} from "@fluentui/react-components";