artsy/fresnel
An SSR compatible approach to CSS media query based responsive layouts for React. observed · 2026-08-28
Health v2 · maintenance only
79/100
- Activity 87
- Release rhythm 57
- Longevity 100
Flags: no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 48.5
- age_days: 2918
- days_rel: 208
- days_push: 83
- n_releases_24m: 7
Adoption not part of the score
1297 stars · 67 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
@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.
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
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
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
Facets
library · maturity active
ui-components ssr frontend-framework frontend web-development web-design browser react responsive-design media-queries breakpoints nextjs typescript nodejs web-server
2 sources
- readme: https://github.com/artsy/fresnel · fetched 2026-08-28 · 7c51496acd0e
- homepage: https://artsy.github.io/blog/2019/05/24/server-rendering-responsively · fetched 2026-08-29 · d7bd2de25f8c
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| artsy/fresnel | main | 79 |
For agents
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem