Fluent UI

Product

Microsoft's UI framework and component library for building user interfaces that look and behave like Microsoft 365 and SharePoint.

Title graphic: Fluent UI (Product)

Type	Product

Key points about Fluent UI

A modern SPFx stack combines TypeScript, React, Fluent UI, PnPjs and PnP React Controls, each with its own role. · Stop Reinventing SPFx- Building Better…
Fluent UI styling brings accessibility for keyboard, screen readers and RTL. · Build Consistent M365 Apps with Microsoft…

Episodes about Fluent UI

The PCF Blueprint

2026-08-08 · Video on YouTube

Many Power Platform tenants drown in undocumented apps, fragile web resources and duplicated grids. This episode is for architects and platform owners who want to see the Power Apps component framework as a governance layer, with solutions, ALM, catalogs and…

Canvas App UI vs Generative Pages

2025-11-03 · Video on YouTube

“Vibe coding” (Generative Pages) turns plain-English prompts into responsive, Dataverse-aware React pages, replacing the pixel babysitting of manual canvas apps. The upside: speed, consistency, accessibility, and built-in governance via Dataverse metadata and…

Stop Reinventing SPFx- Building Better SharePoint…

2026-08-27

Many SharePoint developers keep rebuilding the same pickers, data calls and controls. In this interview, MVP Siddharth Vaghasia shows developers and architects how SPFx, PnPjs and the PnP React controls speed up secure, performant SharePoint solutions and…

Build Consistent M365 Apps with Microsoft Graph Toolkit

2025-08-05 · Video on YouTube

Stop Shipping Off-Brand M365 Apps: Graph Toolkit React Components That Fix Auth, People Search, and Calendars in Minutes Your Microsoft 365 front end shouldn’t look like a patchwork of plugins and half-broken OAuth. In this episode, we show how the Microsoft…

Timeline of episodes about Fluent UI

Articles about Fluent UI (5)

When to Build a Custom PCF Control vs. Using Canvas Components in Power Apps
2026-10-27 · Mirko Peters
Learn when to build custom PCF code components versus using low-code canvas components in Power Apps. Compare skills, performance, and architecture.
Stop Reinventing SPFx: 5 Essential PnP React Controls Every Developer Must Use
2026-08-28 · Mirko Peters
Discover how to stop reinventing SPFx solutions. Learn how PnP React Controls and Microsoft 365 community components accelerate enterprise web part development.
Why DIY Auth and UX Break M365 Apps
2026-08-11 · Mirko Peters
Welcome back to the blog! If you have ever stared at a blank screen wondering why your custom-built Microsoft 365 application is suddenly throwing silent authentica…
Why DIY Auth and UX Break Compliance in M365 Apps
2026-08-11 · Mirko Peters
Welcome back to the podcast blog! If you have ever spent weeks wrestling with custom OAuth flows, debugging mysterious token expiration errors, or trying to match M…
Building Teams Apps: An Introduction for Beginners
2026-05-19 · Mirko Peters
Start building Microsoft Teams apps with an overview of tabs, bots, extensions, project setup, local testing, UI customization, and publishing your app.

Frequently asked questions

What roles do TypeScript and Fluent UI play in SPFx?

TypeScript adds stronger typing and compile-time checks, while Fluent UI helps custom solutions keep the familiar Microsoft user experience. · From the episode: Stop Reinventing SPFx- Building Better…

Glossary

Community wiki

Short info above, community knowledge below: add practical tips, examples or corrections. New contributions are reviewed first; trusted members publish directly.

Experts and companies for this topic

Nobody has listed this topic yet. Add it to your profile.

Sources

Feed for this topic (RSS): entity/fluent-ui/feed.xml
M365.FM episodes on this topic: 4
Articles on this topic: 5

Maintained by Mirko Peters (Microsoft MVP) · Last updated: 2026-11-03