{"adoption": {"forks": 67, "observed_at": "2026-08-28T04:04:17.095003+00:00", "stars": 1297}, "canonical_url": "https://ross.abutalabs.com/products/fresnel", "card": {"archived": false, "artifact_type": "library", "description": "An SSR compatible approach to CSS media query based responsive layouts for React.", "domain": ["frontend", "web-development", "web-design"], "enriched": true, "function": ["ui-components", "ssr", "frontend-framework"], "health_score": 89, "homepage": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively", "language": "TypeScript", "license": "NOASSERTION", "license_family": "other", "maturity": "active", "member_repos": ["artsy/fresnel"], "name": "artsy/fresnel", "platform": ["browser"], "pushed_at": "2026-06-11T03:39:49+00:00", "repo": "artsy/fresnel", "stars": 1297, "tags": ["react", "responsive-design", "media-queries", "breakpoints", "nextjs", "typescript", "nodejs", "web-server"], "topics": ["react", "responsive", "media-queries", "ssr", "nextjs", "react-18"], "urls": [], "use_cases": ["server-render responsive React components", "show different components per breakpoint without layout flash", "combine SSR with responsive design in Next.js", "avoid rendering only one breakpoint variant on the server", "improve perceived performance of responsive SSR pages"], "what_it_is": "@artsy/fresnel is a React library for building responsive layouts using CSS media queries in a way that is compatible with server-side rendering. It renders all breakpoints on the server wrapped in CSS that shows only the matching one, then cleans up unneeded markup on the client via matchMedia.", "when_to_avoid": ["your app is fully client-rendered and simple matchMedia hooks suffice", "you only need responsive styling of properties rather than swapping components", "you don't use React"], "when_to_choose": ["you server-render a React app and need media-query-based responsiveness", "you want all breakpoints present in initial HTML for fast first paint", "you use Next.js or Gatsby with responsive components"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/fresnel", "repo": "artsy/fresnel", "role": "main", "score": 79}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "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:17.095003+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:04:17.095003+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T04:53:52.644842+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "7c51496acd0e8686a642799fdc8f8e6db7a9f9aaed6b287cd9c71a69e2a4344b", "fetched_at": "2026-08-28T04:04:17.095003+00:00", "kind": "readme", "missing": false, "url": "https://github.com/artsy/fresnel"}, {"content_hash": "d7bd2de25f8c45c2e1abae626768858af7dd409618c5bf444d5785bbba7b196a", "fetched_at": "2026-08-29T12:10:33.045624+00:00", "kind": "homepage", "missing": false, "url": "https://artsy.github.io/blog/2019/05/24/server-rendering-responsively"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 87, "longevity": 100, "rhythm": 57}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": ["no_license"], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 2918, "days_push": 83, "days_rel": 208, "gap_med": 48.5, "n_releases_24m": 7}, "score": 79, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}