Griffel
CSS-in-JS library that defines styles as JavaScript objects and can compile them ahead of time.
Griffel is a CSS-in-JS library from Microsoft for React, where styles are written as JavaScript objects. The install page describes the default setup as a runtime engine: install the package and use it in code directly. Griffel can also run at build time, through the webpack and Vite transforms that the install guide names.
Identity
Rendering and deploy
- Install with
- npm3
Releases
Adoption
Sources
- 2026-10-27: links, Owned by, Categories, Built on
griffel.js.org - 2026-10-27: links, Written in, License, GitHub stars, Contributors
github.com/microsoft/griffel - 2026-10-27: links, Install with
griffel.js.org/react/install - 2026-10-27: First release, Current major version, Last release
registry.npmjs.org/@griffel/react - 2026-10-27: Maintainer
github.com/microsoft/griffel/blob/main/LICENSE.md - 2026-10-28: npm downloads a week
api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@griffel/react - 2026-10-27: Dependent packages, Dependent repositories
packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40griffel%2Freact