Fluent 2
Microsoft's design system: 47 web components plus Windows, iOS and Android kits
Fluent 2 is Microsoft's design system, the visual language behind Windows, Teams, Office and Outlook. This site is the documentation and discovery portal — it documents 47 web components with usage and anatomy guidance, links out to the platform implementations (Fluent UI React v9, WinUI, iOS, Android), and hosts the Figma UI kits and accessibility plugins. The code lives in microsoft/fluentui, where @fluentui/react-components is MIT-licensed and shipped as a single umbrella package over ~60 scoped component packages.
npm i @fluentui/react-componentsPrefer Fluent over MUI or shadcn when the product must look native inside Microsoft 365 — a Teams app, an Office add-in, a Windows companion web app — because matching the host chrome is the whole point. Note the split: fluent2.microsoft.design is design guidance and Figma, the actual API reference is storybooks.fluentui.dev, and both are heavy JS sites, so use the llms.txt on fluent2.microsoft.design before scraping. Watch the versioning trap: v8 (@fluentui/react) and v9 (@fluentui/react-components) are different libraries with different APIs, and models routinely mix them — always install @fluentui/react-components for new work.
Why it is here. The only major design system that documents web, Windows, iOS and Android in one place, which makes it the reference to read when a product must ship consistently across all four.
- 47 documented web components
- one system across web, Windows, iOS, Android
- MIT @fluentui/react-components v9
- publishes llms.txt
- Figma UI kits and a11y plugins
Verified 2026-08-16. HTTP 200. https://fluent2.microsoft.design, https://fluent2.microsoft.design/components/web/react, https://fluent2.microsoft.design/llms.txt, https://api.github.com/repos/microsoft/fluentui, https://registry.npmjs.org/@fluentui/react-components/latest, https://react.fluentui.dev (301 -> storybooks.fluentui.dev, JS-only shell)
