Media-query Packages

React hooks for getting the current media breakpoint and value

Handles showing media based on device display and media queries

React hook for media query

better media-query for... (e.g. styled-components, emotion, ...)

🔍 <Only /> displays some contents for a specific screen size

React hook to change visibility of a component based on css media query

Stateful hook that uses the matchMedia API.

Simple and powerfull css breakpoints for styled-components and emotion

A React Native module to manage responsive layouts more efficiently

Webcomponent to create reactive media queries

A lightweight toolset for writing styles in Javascript.

Svelte.js util to easily observe media queries as a reactive store

Detects the characteristics of the user’s display using 'environment-blending' CSS3 level 5 media query.

Detects the user’s preferences for inverted colors using the 'inverted-colors' CSS3 level 5 media query.

Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.

Shared core behind Magica11y’s functions.

Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.

Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.

The next-gen react hooks library. (useMediaQuery module)

Type-safe media queries.