JSPM

Found 59 results for matchmedia

matchmediaquery

Media queries for your client and server

  • v0.4.2
  • 96.59
  • Published

@react-hook/media-query

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

  • v1.1.1
  • 71.35
  • Published

rezponsive

React decorator for responsive behaviors

  • v2.0.0
  • 67.96
  • Published

matchmedia

Media queries for your client and server

  • v0.1.2
  • 63.84
  • Published

react-media-query-hoc

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

  • v2.1.1
  • 60.67
  • Published

angular-media-queries

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

  • v0.6.1
  • 52.98
  • Published

vue-responsiveness

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

  • v0.2.4
  • 50.68
  • Published

react-micro-match-media

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

  • v1.0.0
  • 49.38
  • Published

svelte-media

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

  • v0.1.5
  • 49.27
  • Published

seng-device-state-tracker

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

  • v1.1.4
  • 43.84
  • Published

@magica11y/cauldron

The shared core and build system behind Magica11y

  • v2.1.3
  • 41.34
  • Published

@magica11y/prefers-reduced-motion

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

  • v1.0.11
  • 39.01
  • Published

actual

Determine actual @media breakpoints

  • v0.4.0
  • 38.34
  • Published

vue-next-breakpoints

Vue 3 Breakpoints using window.matchMedia and the Composition API

  • v1.0.1
  • 35.87
  • Published

angular-matchmedia

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

  • v1.0.0
  • 31.72
  • Published

reactponsive

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

  • v1.0.11
  • 30.37
  • Published

react-responsiveness

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

  • v0.1.5
  • 28.78
  • Published

@burst/react-matchmedia

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

  • v0.0.1
  • 23.55
  • Published

@magica11y/environment-blending

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

  • v1.0.6
  • 20.42
  • Published

@magica11y/inverted-colors

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

  • v1.0.7
  • 20.05
  • Published

@magica11y/prefers-contrast

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

  • v2.0.3
  • 17.36
  • Published

angular-match-media-light

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

  • v1.1.1
  • 16.89
  • Published

ng-mediacheck

`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

  • v0.1.7
  • 16.13
  • Published

@magica11y/prefers-color-scheme

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

  • v2.0.3
  • 15.01
  • Published

@magica11y/light-level

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

  • v1.0.7
  • 11.34
  • Published

with-breakpoints

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

  • v1.0.3
  • 9.27
  • Published

@casualcoders/responder

A dependencyless page responsiveness package in js built using typescript

  • v1.0.0
  • 8.39
  • Published

viewstat

Get information about your screen and viewport.

  • v1.1.2
  • 6.36
  • Published

@matthamlin/react-media

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.

  • v1.1.0
  • 6.13
  • Published

react-matchqueries

Library to control the design of your application using media queries

  • v0.0.2
  • 5.79
  • Published

sensiblelegacy

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

  • v0.7.0
  • 4.67
  • Published

responsive-debug

The simple utility to debug a responsive layout

  • v1.1.0
  • 4.64
  • Published

react-mediaquery-props

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

  • v1.0.2
  • 4.64
  • Published

vue-responsiveness-fixed

**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).

  • v0.2.0
  • 4.50
  • Published

@kaweb/react-mql

CSS Media Queries HOC and MediaContext for React

  • v1.3.0
  • 2.59
  • Published

cc-media-queries

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

  • v0.7.1
  • 2.56
  • Published