Search results
143 packages found
React hook for media query
Gsap v3(12)
- GSAP
- trial
- GreenSock
- animation
- MotionPathPlugin
- matchMedia
- motion
- motionPath
- ScrollTrigger
- ScrollSmoother
- Observer
- easing
- JavaScript
- PixiPlugin
- View more
A simple library for programatically consuming the CSS prefers-color-scheme media feature.
react hook for getting breakpoints state in runtime
Detects horizontal overflow of items inside container which has width limit
Is a hook that respond to media query changes
- react
- react hook
- media query
- media query hook
- react media query hook
- media queries hook
- use media query
- matchmedia
- matchmedia hook
- media queries
- javascript media query
- media query js
- breakpoint hook
- breakpoints hook
- View more
use MediaQuery in react hook
A react component allows you to conditionally render your components based on media queries.
- React
- MatchMedia
- Conditionally render React component
- React Component
- Reusable Component
- Boilerplate
- Hot reloading
- Karma
- Webpack
Shared core behind Magica11y’s functions.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- match-user-preference
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Awesome Media Queries in JavaScript
this my own animation library
- GSAP
- GreenSock
- animation
- MotionPathPlugin
- motion
- motionPath
- matchMedia
- easing
- ScrollTrigger
- ScrollSmoother
- Observer
- JavaScript
- PixiPlugin
- CustomEase
- View more
A React component to render child components based on media queries
Utilizes matchMedia to performantly return conditional values based on media queries.
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
CSS media queries in react, for build a responsive design as you want
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 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
Awesome Media Queries in JavaScript
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