JSPM

Media queries for your client and server

React hooks that update when media queries change between matched and unmatched states.

React decorator for responsive behaviors

Media queries for your client and server

A dead simple React Higher Order Component (HOC) that uses context for matching media queries

mocking window.matchmedia with vitest

Higher order component for matchMedia

Angular service to test if a given @media statment is true.

React component used for matching media queries

A tiny, performant, and intuitive Vue 3 plugin for working with responsive breakpoints and media queries at runtime.

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

Ember cli addon that includes a polyfill for promises if needed.

> zero dependencies, ~1kb render prop wrapper of window.matchMedia

Vue 2 media query helpers

DeviceStateTracker is a utility class that tracks which media query is currently active using the matchMedia API.

The shared core and build system behind Magica11y

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

Determine actual @media breakpoints

Simple window.matchMedia React hook

Vue 3 Breakpoints using window.matchMedia and the Composition API

A React HOC with mediaqueries for responsive layout.

Angular-matchmedia service is a set of bindings and helper functions for the browser matchMedia api.

> Responsive components and Hooks ⚒ for your favorite framework ⚛️ [http://jmlweb.github.io/reactponsive](http://jmlweb.github.io/reactponsive)

<div class="center"> <h1>React Responsiveness</h1> </div>

React custom hook for match Media queries with Typescript support

Is a hook that respond to media query changes

JS MatchMedia and a resize event listener to provide for screen-width dependant code

CSS Media Queries HOC for React

Shared core behind Magica11y’s functions.

Ember cli addon that includes a polyfill for matchMedia if needed.

Lightweight addon to suit your crazy frontend needs

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.

This scripts enables dynamic MediaQuery dependent attributes.

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

AngularJS service providing $matchMedia in $rootScope with information about the current @media (screen size, print, Retina, dark colors).

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

`ng-mediacheck` provides a service that **adds media query event listeners to your [Angular](https://angular.io) application**. It can be used to manipulate component properties, templates, and behavior when matching different media queries. It is a spiri

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

detect viewport size according to your configuration!

window.matchMedia mock for React Native

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

A React component to render child components based on media queries

CSS media queries in react, for build a responsive design as you want

A dependencyless page responsiveness package in js built using typescript

Higher order component for matchMedia

Get information about your screen and viewport.

This component is a simple wrapper around the `window.matchMedia` functionality, as such it will only work (as intended) in browsers at or above the versions from this table: https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.

Library to control the design of your application using media queries

The simple utility to debug a responsive layout

Maintains media-queries where they belong; in the SASS/SCSS and make them available with the same name space in JS without polluting the HTML

A React higher-order component that pass media queries props to components

**What** - tiny plugin for working with responsiveness intervals, focused runtime performance and great DX. **Why** - I'm obsessed with runtime performance and ease of use: see [how it works](#how-it-works).

A dead simple React Higher Order Component (HOC) that uses context for matching media queries

CSS Media Queries HOC and MediaContext for React

Angular service to test if a given @media statment is true.

React decorator for responsive behaviors

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

MediaQuery Plugin for Vue 2