Griffel CSS-in-JS — Fluent UI React v9 Styling Engine

1. Overview

Griffel is the atomic CSS-in-JS engine that powers every Fluent UI React v9 component. It was purpose-built by the Fluent team to solve the performance and determinism problems of traditional CSS-in-JS libraries (styled-components, Emotion) at the scale of Microsoft 365.

Key characteristics: