About Fluent UI React
Fluent UI React is a set of UI components and utilities from Microsoft. It was created to bring two earlier React component libraries together into one set.
What it does
The library provides a large catalogue of components, including buttons, cards, dialogs, menus, dropdowns, data grids and tables. Each component is themed through a FluentProvider wrapper, and a theme designer helps you set colors, typography and spacing. Some components are still in preview, so the docs list them separately. A migration guide helps teams move from older packages to the current set.
Key features
- Large catalogue with data grid and dialog
- Theme set through a FluentProvider
- Theme designer for colors and typography
- Migration guide from older packages
- Preview components for calendar and motion
Who it's for
Teams building enterprise or Microsoft-style web apps in React who want a large, well documented set of components. Developers moving from older Fluent packages will find the migration notes useful when they update their code.
Pricing and good to know
No pricing is listed on the site. The docs group packages by maturity level, so check the level of any package before you depend on it in production. Some areas, such as the calendar and the motion APIs, are still in preview and may change between releases.
Highlights
- Large catalogue including data grid and dialog
- Theming through a FluentProvider wrapper
- Theme designer for colors and typography
- Migration guide from older packages
- Preview components for calendar and motion
