JSPM

Found 59 results for matchmedia

angular-matchmedia

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

  • v1.0.0
  • 31.63
  • Published

reactponsive

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

  • v1.0.11
  • 30.16
  • Published

react-responsiveness

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

  • v0.1.5
  • 28.73
  • Published

@burst/react-matchmedia

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

  • v0.0.1
  • 23.47
  • Published

@magica11y/environment-blending

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

  • v1.0.6
  • 20.36
  • Published

@magica11y/inverted-colors

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

  • v1.0.7
  • 19.79
  • Published

@magica11y/prefers-contrast

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

  • v2.0.3
  • 17.43
  • 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.96
  • 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.19
  • Published

@magica11y/prefers-color-scheme

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

  • v2.0.3
  • 14.96
  • 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.30
  • Published

with-breakpoints

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

  • v1.0.3
  • 9.25
  • Published

@casualcoders/responder

A dependencyless page responsiveness package in js built using typescript

  • v1.0.0
  • 8.27
  • Published

viewstat

Get information about your screen and viewport.

  • v1.1.2
  • 6.35
  • 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.12
  • Published

react-matchqueries

Library to control the design of your application using media queries

  • v0.0.2
  • 5.75
  • 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.65
  • Published

react-mediaquery-props

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

  • v1.0.2
  • 4.63
  • Published

responsive-debug

The simple utility to debug a responsive layout

  • v1.1.0
  • 4.58
  • 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.52
  • Published

@kaweb/react-mql

CSS Media Queries HOC and MediaContext for React

  • v1.3.0
  • 2.58
  • Published

cc-media-queries

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

  • v0.7.1
  • 2.54
  • Published