yocontra/react-responsive

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

7171 stars · 293 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A React library that lets components respond to CSS media queries via a useMediaQuery hook and a MediaQuery component. It supports camelCase shorthand props, render props, and device forcing for testing responsive layouts.

Use cases

• render different components for desktop vs mobile in react
• detect screen orientation or retina displays in a react app
• use css media queries as react hooks
• conditionally render ui based on viewport width
• test responsive layouts with a forced device
• build mobile-first responsive react components

When to choose

• you need JS-driven conditional rendering based on media queries in React
• you want both hook and component APIs with broad browser support
• you need to force a device context for testing or SSR scenarios

When to avoid

• you only need CSS-only responsive styling without JS logic
• you are not using React
• you prefer a full CSS-in-JS or utility framework that handles breakpoints for you

Facets

library · maturity stable

frontend-framework ui-components state-management web-development frontend browser react media-queries responsive-design hooks matchmedia css viewport mobile-first typescript nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="yocontra/react-responsive")