{"meta":{"name":"FindSoftware","page":"https://findsoftware.frbit.cloud/griffel/","markdown":"https://findsoftware.frbit.cloud/griffel.md","license":"https://creativecommons.org/licenses/by/4.0/","attribution":"FindSoftware, CC BY 4.0","note":"Attributes are recorded, never scored. An absent field means unknown, never zero and never bad."},"record":{"id":"griffel","name":"Griffel","urls":{"home":"https://griffel.js.org","repository":"https://github.com/microsoft/griffel","docs":"https://griffel.js.org/react/install"},"category":["css-framework"],"description":"CSS-in-JS library that defines styles as JavaScript objects and can compile them ahead of time.","maintainer":"Microsoft Corporation","maintainerType":"company","parent":"Microsoft","firstRelease":2022,"hosting":null,"language":"javascript","runtimeMin":null,"basedOn":["react"],"contentStore":null,"databases":null,"adminUi":null,"headlessApi":null,"templating":null,"i18n":null,"renderingModes":null,"installMethod":"npm","licenseModel":"open-source","license":"MIT","currentMajor":"1","latestReleaseDate":"2026-09-23T00:00:00.000Z","githubStargazers":1282,"contributors":46,"packagistDownloads":null,"npmWeeklyDownloads":645356,"dependentRepos":642,"dependentPackages":161,"social":{"forum":"https://github.com/microsoft/griffel/discussions"},"checkedAt":"2026-10-27T00:00:00.000Z","addedAt":"2026-10-27T00:00:00.000Z","sources":[{"field":"urls","url":"https://griffel.js.org","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"urls","url":"https://github.com/microsoft/griffel","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"urls","url":"https://griffel.js.org/react/install","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"firstRelease","url":"https://registry.npmjs.org/@griffel/react","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"maintainer","url":"https://github.com/microsoft/griffel/blob/main/LICENSE.md","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"parent","url":"https://griffel.js.org","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"language","url":"https://github.com/microsoft/griffel","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"category","url":"https://griffel.js.org","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"installMethod","url":"https://griffel.js.org/react/install","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"installMethod","url":"https://griffel.js.org/react/install","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"basedOn","url":"https://griffel.js.org","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"license","url":"https://github.com/microsoft/griffel","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"currentMajor","url":"https://registry.npmjs.org/@griffel/react","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"latestReleaseDate","url":"https://registry.npmjs.org/@griffel/react","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"githubStargazers","url":"https://github.com/microsoft/griffel","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"contributors","url":"https://github.com/microsoft/griffel","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"npmWeeklyDownloads","url":"https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@griffel/react","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"dependentPackages","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40griffel%2Freact","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"dependentRepos","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40griffel%2Freact","checkedAt":"2026-10-27T00:00:00.000Z"}],"status":"active","ai":"authored"},"prose":"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."}