106 packages found
Media queries in react for responsive design
Awesome Media Queries in JavaScript
A dependencyless page responsiveness package in js built using typescript
> Responsive components and Hooks ⚒ for your favorite framework ⚛️ [http://jmlweb.github.io/reactponsive](http://jmlweb.github.io/reactponsive)
The shared core and build system behind Magica11y
- 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
Lightweight, performant and easy to use media query library for React📱 💻 🖥️
React hooks that update when media queries change between matched and unmatched states.
- react
- react hook
- media query
- matchmedia
- media query hook
- react media query hook
- media queries hook
- media queries
- javascript media query
- media query js
- breakpoint hook
- breakpoints hook
- react breakpoint
- react breakpoints
A React hook for changing properties or visibility of a component based on css media query
Media queries for your client and server
Reactive window size and media query states for Vue components. Integrates with most UI frameworks.
A React hook for getting the current responsive media breakpoint
A simple library for programatically consuming the CSS prefers-color-scheme media feature.
Media queries for your client and server
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
A dead simple React Higher Order Component (HOC) that uses context for matching media queries
Vue 3 Breakpoints using window.matchMedia and the Composition API
Awesome Media Queries in JavaScript
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
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