Code examples that accompany various MDN DOM and Web API documentation pages
-
Updated
Mar 3, 2025 - JavaScript
Code examples that accompany various MDN DOM and Web API documentation pages
Utility package for managing Dark Mode on the web
Reactive screen size and media query states for VueJS
matchmedia wrapper for angularjs
A Salvattore and Masonry alternative without CSS-driven configuration or absolute CSS positioning
Higher order components for matchMedia
A package that provides a responsive context to your application, using React Context API.
🎢 Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
There are a large number of Web / Browser APIs available. This repo contains the demos those APIs
[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!
📱
Utilizes matchMedia to performantly return conditional values based on media queries
Demo app for @assortment/darkmodejs
🌗 Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.
Functional matchMedia wrapper for media query handling.
NPM package providing a service for working with mediaqueries in Angular
🔆 Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.
Add a description, image, and links to the matchmedia topic page so that developers can more easily learn about it.
To associate your repository with the matchmedia topic, visit your repo's landing page and select "manage topics."