Media-query Packages

Minimalist vue media query helper

Everything you need to make media queries on your styled component react app

A fine API to use media queries in JS with ease and with first-class integration with Vue.js/Nuxt.js.

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.

Simple and small React components for showing and hiding children based on media queries

css media-query pattern

VueJS plugin that adds reactive CSS based media-queries to your component instances without resize listeners.

Simple media packer, merges same CSS media query rules into one via PostCSS

Adjusts CSS media queries in browsers that include the scrollbar width in the viewport width so they fire at the intended size

SASS Media queries on a single line

Media queries for react-native and react-native-web

Barebones CSS media query component for React in ~560 bytes

Fast, easy to undestand breakpoints for styled-components.

Sass media queries mixins for checking group of devices (mobile, tablet, laptop, desktop) or device by name (iPhone 5, iPhone 13, iPhone 13 mini, iPhone 13 Pro, iPhone 13 Pro Max, iPad Pro 12.9, etc). Expandable and very simple for usage.

Meta object builder for Container Queries.

PostCSS processing for container queries, using a media query like syntax.

A modern container-query solution.

React higher order component to manage a single Container instance.