Projects in Awesome Lists tagged with matchmedia
A curated list of projects in awesome lists tagged with matchmedia .
https://github.com/mdn/dom-examples
Code examples that accompany various MDN DOM and Web API documentation pages
channel-messaging demo dom-manipulation drag-drop javascript matchmedia mdn-docs pointer-events pointer-lock touch-events
Last synced: 14 Mar 2025
https://github.com/Assortment/darkmodejs
Utility package for managing Dark Mode on the web
css darkmode javascript matchmedia mediaquery prefers-color-scheme
Last synced: 13 Mar 2025
https://github.com/reegodev/vue-screen
Reactive screen size and media query states for VueJS
height innerheight innerwidth matchmedia media query reactive screen vue vuejs width window
Last synced: 13 Apr 2025
https://github.com/sparkbox/mediacheck
Control JS with mediaqueries
hacktoberfest matchmedia mediaqueries
Last synced: 05 Apr 2025
https://github.com/AnalogJ/matchmedia-ng
matchmedia wrapper for angularjs
angularjs javascript matchmedia responsive
Last synced: 28 Apr 2025
https://github.com/attila/savvior
A Salvattore and Masonry alternative without CSS-driven configuration or absolute CSS positioning
grid-layout masonry matchmedia multicolumn
Last synced: 14 Mar 2025
https://github.com/malte-wessel/react-matchmedia-connect
Higher order components for matchMedia
breakpoint matchmedia reactjs responsive
Last synced: 02 May 2025
https://github.com/pearofducks/svelte-match-media
a matchMedia plugin for svelte 3
Last synced: 13 Apr 2025
https://github.com/farfetch/react-context-responsive
A package that provides a responsive context to your application, using React Context API.
context-api css farfetch hacktoberfest matchmedia mediaqueries mediaquery mobile react reactjs responsive responsive-layout viewport
Last synced: 13 Apr 2025
https://github.com/nash403/fine-mq
A fine API to manage media queries in JS with ease. It has first-class integration with VueJS.
matchmedia media-queries media-query mobile mobile-first mq nuxt nuxt-mq responsive rwd vue-plugin
Last synced: 30 Apr 2025
https://github.com/ayc0/mock-match-media
Mock window.matchMedia for Node.JS environments (like tests or NextJS)
jest listeners matchmedia mock nextjs nodejs test
Last synced: 16 Mar 2025
https://github.com/magica11y/prefers-reduced-motion
🎢 Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
a11y accessibility css-mediaquery matchmedia prefers-reduced-motion
Last synced: 22 Nov 2024
https://github.com/merri/react-use-queries
[Buggy on Firefox] React hook for media queries on window and any container element. NOTE: Container Queries seem to be coming to browsers in 2022!
breakpoints container-queries container-query element-queries element-query matchmedia react react-hooks
Last synced: 15 Apr 2025
https://github.com/magica11y/prefers-color-scheme
🌗 Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.
a11y accessibility css-mediaquery matchmedia prefers-color-scheme user-preferences web
Last synced: 22 Nov 2024
https://github.com/lgraubner/mqr
Functional matchMedia wrapper for media query handling.
breakpoint functional matchmedia mediaqueries mediaquery responsive state
Last synced: 30 Mar 2025
https://github.com/kmaida/ng-mediacheck
NPM package providing a service for working with mediaqueries in Angular
angular matchmedia mediaqueries npm npm-package
Last synced: 16 Mar 2025
https://github.com/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-mediaquery light-level matchmedia
Last synced: 16 Mar 2025
https://github.com/magica11y/prefers-contrast
🔆 Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.
a11y accessibility css-mediaquery matchmedia prefers-contrast
Last synced: 16 Mar 2025
https://github.com/magica11y/prefers-reduced-transparency
💎 Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.
a11y accessibility css-mediaquery matchmedia prefers-reduced-transparency
Last synced: 16 Mar 2025
https://github.com/pearofducks/vue-use-media
A Vue 3 plugin for matchMedia
composition-api matchmedia vue3
Last synced: 06 Apr 2025
https://github.com/pearofducks/vue-simple-media
lightweight matchMedia plugin for Vue
Last synced: 06 Apr 2025
https://github.com/magica11y/environment-blending
📺 Detects the characteristics of the user’s display using the 'environment-blending' CSS3 level 5 media query.
a11y accessibility css-mediaquery environment-blending matchmedia
Last synced: 30 Mar 2025
https://github.com/debbl/use-is-match-media
It's easy to use matchMedia with react
Last synced: 13 Apr 2025
https://github.com/mikeludemann/matchmediajs
Match media detection
default-method javascript jquery matchmedia
Last synced: 28 Mar 2025
https://github.com/magica11y/inverted-colors
🌑 Detects the user’s preferences for inverted colors using the 'inverted-colors' CSS3 level 5 media query.
a11y accessibility css-mediaquery inverted-colors matchmedia
Last synced: 16 Mar 2025
https://github.com/goksu/react-screensizes
A hook to get screen sizing state from window
hooks javascript matchmedia react
Last synced: 03 Apr 2025
