Media-query Packages

medi-q for styled-components.

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

React hook for media query

<movable-element> is a custom HTML element that allows you to automatically or manually move an element in the DOM relative to another element (target) based on specified attributes. The element can be moved to various positions relative to the target ele

On-demand systematic CSS framework.

Container queries made with sass mixins and a little bit of javascript

An Angular structural directive for conditional rendering based on media queries.

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

一款 postcss 插件，让移动端视图处处可访问。To adapt different displays by one mobile viewport.

用于在桌面端和移动端横屏展示移动端设计视图的 postcss 插件。

Even simpler usage of react-responsive package!

Javascript observable (RxJS) resize (event listener) heavily inspired by Angular Flex Layout Media Observer

An Observable wrapper for window.matchMedia() and the 'web-native/rect-query' API.

An Observable wrapper for window.matchMedia() and the 'web-native/rect-query' API.

Optimize CSS media queries

a11y helper library to detect prefers-reduced-motion setting for user

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

Angular Lib that binds CSS media queries and @ngrx/store together.

Beautiful media queries for styled-component

A library to select color scheme either manually or automatically.