Skip to main content

Deno 2.3 is here with improved deno compile, local npm packages, and more 🚀

Search npm for packages to use with Deno

Millions of packages that you already know npm are just a few keystrokes away.
Add them to your projects with a simple command that will already feel familar.

@magica11y/prefers-reduced-motion
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
@magica11y/match-user-preference
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
@magica11y/light-level
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
@magica11y/prefers-color-scheme
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
@magica11y/environment-blending
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
@magica11y/prefers-contrast
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
@magica11y/inverted-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
@magica11y/prefers-reduced-transparency
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
@magica11y/cauldron
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