Search results
59 packages found
Sort by: Default
- Default
- Most downloaded this week
- Most downloaded this month
- Most dependents
- Recently published
<div class="center"> <h1>React Responsiveness</h1> </div>
- react
- react responsiveness plugin
- responsiveness
- responsive design
- responsiveness breakpoints
- responsiveness interval
- responsive intervals
- breakpoints
- custom breakpoints
- matchmedia
- window matchmedia
- match media
- media query
- media queries
- View more
A React HOC with mediaqueries for responsive layout.
React custom hook for match Media queries with Typescript support
Ember cli addon that includes a polyfill for matchMedia if needed.
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
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
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
Lightweight addon to suit your crazy frontend needs
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
`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
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
A dependencyless page responsiveness package in js built using typescript
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
AngularJS service providing $matchMedia in $rootScope with information about the current @media (screen size, print, Retina, dark colors).
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
JS MatchMedia and a resize event listener to provide for screen-width dependant code
This scripts enables dynamic MediaQuery dependent attributes.
detect viewport size according to your configuration!
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