Fluent UI

Cross-platform design system and UX frameworks for building apps that share design language, components, and interaction behavior across web, mobile, and desktop. Provides React components, Web Components, and native libraries for iOS, Android, and Windows, each implementing the same cohesive visual language and accessibility standards.

Used by Microsoft 365 apps such as Teams, Outlook, and Windows. Fluent 2 unifies the design system across platforms so teams can deliver consistent experiences whether building for web, native mobile, or desktop. Figma UI kits align design and development with token-based styling.

Key capabilities:

• React components and Web Components with TypeScript support
• Native libraries for iOS, Android, and Windows, sharing design tokens
• Griffel-based styling for CSS-in-JS, theme tokens, and theming via FluentProvider
• Accessible components with focus management and WCAG alignment
• Figma kits and design tooling for design-to-dev workflows

Build enterprise apps, Microsoft 365 extensions, and cross-platform products with consistent UI. Developers use Fluent UI React v9 or Web Components in existing React, vanilla JS, or framework-agnostic projects. Pairs with Node.js toolchains, Vite, and standard bundlers.