{"adoption": {"forks": 80, "observed_at": "2026-08-28T04:04:13.900036+00:00", "stars": 1281}, "canonical_url": "https://ross.abutalabs.com/products/griffel", "card": {"archived": false, "artifact_type": "library", "description": "CSS-in-JS with ahead-of-time compilation ⚡️", "domain": ["web-development", "frontend", "web-design"], "enriched": true, "function": ["css-framework", "frontend-framework", "build-tool", "ssr"], "health_score": 80, "homepage": "https://griffel.js.org", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["microsoft/griffel"], "name": "microsoft/griffel", "platform": ["browser"], "pushed_at": "2026-08-25T14:18:11+00:00", "repo": "microsoft/griffel", "stars": 1281, "tags": ["css-in-js", "atomic-css", "react", "ahead-of-time-compilation", "type-safe-styles", "webpack-plugin", "browser-extension", "nodejs", "web-server"], "topics": ["css-in-js", "react", "css"], "urls": [], "use_cases": ["style react components with javascript objects", "css-in-js with near-zero runtime", "server-side render styles in next.js", "precompile styles at build time", "avoid css specificity issues with atomic css", "extract css to stylesheets instead of runtime insertion", "debug css-in-js styles in chrome"], "what_it_is": "Griffel is a CSS-in-JS library for React with near-zero runtime, ahead-of-time compilation, and atomic CSS output. It supports server-side rendering, optional build-time transforms via Webpack, and type-safe styles through csstype.", "when_to_avoid": ["non-react projects", "you prefer plain css or utility-first frameworks like tailwind", "you need stable css extraction, which is still experimental"], "when_to_choose": ["building react apps, especially with fluent ui or next.js", "you want type-safe styles and atomic css", "you need ssr support with minimal runtime cost"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/griffel", "repo": "microsoft/griffel", "role": "main", "score": 77}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:04:13.900036+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T05:02:33.130058+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "f752f609869fd88dd1a80889a32c75b8b62a29bb45568a0fae77c14777e19336", "fetched_at": "2026-08-28T04:04:13.900036+00:00", "kind": "readme", "missing": false, "url": "https://github.com/microsoft/griffel"}, {"content_hash": "47b30e96befc7d6c716a38c2759d700049209be0c013db4b5944c4a969942b75", "fetched_at": "2026-08-29T12:13:12.027158+00:00", "kind": "homepage", "missing": false, "url": "https://griffel.js.org"}, {"content_hash": "d941d6063379bbd1167fd83c1ecc1a61ff154a73c61f775b66523477cffbc840", "fetched_at": "2026-08-29T12:13:12.036800+00:00", "kind": "site_page", "missing": false, "url": "https://griffel.js.org/react/install"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 99, "longevity": 100, "rhythm": 35}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": ["no_releases"], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 1723, "days_push": 8, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 77, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}