Search results
145 packages found
A React hook for changing properties or visibility of a component based on css media query
Awesome Media Queries in JavaScript
Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Awesome Media Queries in JavaScript
Detects the user’s preferences for inverted colors using the 'inverted-colors' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects the characteristics of the user’s display using 'environment-blending' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.
- a11y
- accessibility
- css
- environment-blending
- forced-colors
- inverted-colors
- level-5
- light-level
- matchmedia
- media-query
- prefers-color-scheme
- prefers-contrast
- prefers-reduced-motion
- prefers-reduced-transparency
Awesome Media Queries in JavaScript
React custom hook for match Media queries with Typescript support
A React HOC with mediaqueries for responsive layout.
window.matchMedia() polyfill for React Native
- react-native-component
- react-component
- react-native
- ios
- media
- query
- responsive
- matchMedia
- mediaquery
- react-native-web
- react-responsive
server side compatible replacement for Window.matchMedia()
Lightweight addon to suit your crazy frontend needs
MQBreakpoints is a lightweight, pure JavaScript library for responding to CSS media queries.
![pointbreak](https://shmaryeh.s3.amazonaws.com/opensource/pointbreak.png) A simple plugin for Vue 3 that uses [matchMedia](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) for when css media queries won't give you enough. Named after o
React decorator for responsive behaviors
Tiny package for creating media query in your vue 3 application and use them as boolean values. This package is a successor to vue3-breakpoint which works the same as this package but depends on vuex to provide the results. Vue3-br is self-contained and e
react hook for getting breakpoints state in runtime (ESM module)