morajabi/styled-media-query
💅💍 Better media queries for styled-component observed · 2026-08-28
Health v2 · maintenance only
23/100
- Activity 0
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3342
- days_rel: n/a
- days_push: 1334
- n_releases_24m: 0
Adoption not part of the score
1308 stars · 48 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A small JavaScript library that provides a nicer, breakpoint-based syntax for writing CSS media queries in styled-components. It supports custom breakpoints, px/em/rem units, and lessThan/greaterThan/between helpers via tagged template literals.
Use cases
- write responsive styles in styled-components
- define custom breakpoints for css-in-js components
- convert px breakpoints to rem or em
- apply styles between two screen widths
- generate min-width and max-width media queries
When to choose
- you use styled-components and want cleaner media query syntax
- you need reusable, named breakpoints across a React app
- you want px-to-rem/em conversion for accessibility
When to avoid
- you don't use styled-components or another css-in-js library
- you need a full responsive layout framework rather than media query helpers
- you need actively developed software with frequent updates
Facets
library · maturity maintenance
css-framework ui-components frontend web-development web-design browser cross-platform styled-components media-queries responsive-design css-in-js breakpoints nodejs
1 source
- readme: https://github.com/morajabi/styled-media-query · fetched 2026-08-28 · e119c8b0b5d5
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| morajabi/styled-media-query | main | 23 |
For agents
markdown · JSON · MCP: product_card(name="morajabi/styled-media-query")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem