Search results
146 packages found
A React hook for changing properties or visibility of a component based on css media query
window.matchMedia() polyfill for React Native
- react-native-component
- react-component
- react-native
- ios
- media
- query
- responsive
- matchMedia
- mediaquery
- react-native-web
- react-responsive
A React HOC with mediaqueries for responsive layout.
Detects user’s color scheme preferences using the 'prefers-color-scheme' 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
server side compatible replacement for Window.matchMedia()
React custom hook for match Media queries with Typescript support
CSS Media Queries HOC and MediaContext for React
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
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 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 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 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 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
React decorator for responsive behaviors
MQBreakpoints is a lightweight, pure JavaScript library for responding to CSS media queries.
Simple, cross-browser print event listeners (before and after) with no dependencies
A React component to render child components based on media queries
Lightweight addon to suit your crazy frontend needs
![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