react-matchquery
Library to control the design of your application using media queries
Library to control the design of your application using media queries
A dependencyless page responsiveness package in js built using typescript
This scripts enables dynamic MediaQuery dependent attributes.
Is a hook that respond to media query changes
AngularJS service providing $matchMedia in $rootScope with information about the current @media (screen size, print, Retina, dark colors).
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.
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.
Svelte.js util to easily observe media queries as a reactive store
A simple plugin that allows you to easily execute code within a specific breakpoint. Option to display your breakpoint information in your window. Compatible with Zurb Foundation 5.0+ and 6.0+
<div class="center"> <h1>React Responsiveness</h1> </div>
A React component to render child components based on media queries
React custom hook for match Media queries with Typescript support
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
MediaQuery Plugin for Vue 2
**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).