# Griffel

CSS-in-JS library that defines styles as JavaScript objects and can compile them ahead of time.


Source: https://findsoftware.frbit.cloud/griffel/
Last reviewed: 2026-10-27
Updated: 2026-10-28
Listed since: 2026-10-27

## Record

### Links

- home: https://griffel.js.org
- repository: https://github.com/microsoft/griffel
- docs: https://griffel.js.org/react/install
- forum: https://github.com/microsoft/griffel/discussions

### Identity

- status: active
- maintainer: Microsoft Corporation
- maintainerType: company
- parent: Microsoft
- firstRelease: 2022
- hqCountry: unknown

### Kind

- category: css-framework
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: react

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: unknown
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 1
- latestReleaseDate: 2026-09-23

### Adoption

- githubStargazers: 1282
- packagistDownloads: not applicable
- npmWeeklyDownloads: 645356
- contributors: 46
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 642
- dependentPackages: 161

### Sources

- urls: https://griffel.js.org (read 2026-10-27)
- urls: https://github.com/microsoft/griffel (read 2026-10-27)
- urls: https://griffel.js.org/react/install (read 2026-10-27)
- firstRelease: https://registry.npmjs.org/@griffel/react (read 2026-10-27)
- maintainer: https://github.com/microsoft/griffel/blob/main/LICENSE.md (read 2026-10-27)
- parent: https://griffel.js.org (read 2026-10-27)
- language: https://github.com/microsoft/griffel (read 2026-10-27)
- category: https://griffel.js.org (read 2026-10-27)
- installMethod: https://griffel.js.org/react/install (read 2026-10-27)
- installMethod: https://griffel.js.org/react/install (read 2026-10-27)
- basedOn: https://griffel.js.org (read 2026-10-27)
- license: https://github.com/microsoft/griffel (read 2026-10-27)
- currentMajor: https://registry.npmjs.org/@griffel/react (read 2026-10-27)
- latestReleaseDate: https://registry.npmjs.org/@griffel/react (read 2026-10-27)
- githubStargazers: https://github.com/microsoft/griffel (read 2026-10-27)
- contributors: https://github.com/microsoft/griffel (read 2026-10-27)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@griffel/react (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40griffel%2Freact (read 2026-10-27)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40griffel%2Freact (read 2026-10-27)

## Notes

Griffel is a CSS-in-JS library from Microsoft for React, where styles are written as JavaScript objects. The [install page](https://griffel.js.org/react/install) 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.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0