matchmedia | Topic | Ecosyste.ms: Repos

Topic: "matchmedia"

mdn/dom-examples

Code examples that accompany various MDN DOM and Web API documentation pages

Language: JavaScript - Size: 131 MB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 3,799 - Forks: 1,869

Assortment/darkmodejs

Utility package for managing Dark Mode on the web

Language: JavaScript - Size: 235 KB - Last synced at: 26 days ago - Pushed at: about 2 months ago - Stars: 453 - Forks: 10

reegodev/vue-screen

Reactive screen size and media query states for VueJS

Language: JavaScript - Size: 2.91 MB - Last synced at: about 1 month ago - Pushed at: 6 months ago - Stars: 240 - Forks: 20

sparkbox/mediaCheck

Control JS with mediaqueries

Language: JavaScript - Size: 729 KB - Last synced at: 1 day ago - Pushed at: over 2 years ago - Stars: 237 - Forks: 40

AnalogJ/matchmedia-ng

matchmedia wrapper for angularjs

Language: JavaScript - Size: 39.1 KB - Last synced at: 19 days ago - Pushed at: over 8 years ago - Stars: 135 - Forks: 23

attila/savvior 📦

A Salvattore and Masonry alternative without CSS-driven configuration or absolute CSS positioning

Language: JavaScript - Size: 233 KB - Last synced at: 23 days ago - Pushed at: over 2 years ago - Stars: 128 - Forks: 13

trurl-master/jsdom-testing-mocks

A set of tools for emulating browser behavior in jsdom environment

Language: TypeScript - Size: 1.51 MB - Last synced at: about 11 hours ago - Pushed at: 4 days ago - Stars: 122 - Forks: 8

CyberAP/vue-component-media-queries

MatchMedia component library for Vue

Language: TypeScript - Size: 660 KB - Last synced at: 4 days ago - Pushed at: over 2 years ago - Stars: 76 - Forks: 1

malte-wessel/react-matchmedia-connect

Higher order components for matchMedia

Language: JavaScript - Size: 268 KB - Last synced at: 12 days ago - Pushed at: almost 8 years ago - Stars: 50 - Forks: 7

dyakovk/jest-matchmedia-mock

🃏 Mock for fully testing any media queries with Jest

Language: TypeScript - Size: 614 KB - Last synced at: 16 days ago - Pushed at: over 2 years ago - Stars: 42 - Forks: 6

pearofducks/svelte-match-media

a matchMedia plugin for svelte 3

Language: JavaScript - Size: 51.8 KB - Last synced at: 10 days ago - Pushed at: over 4 years ago - Stars: 38 - Forks: 0

Farfetch/react-context-responsive 📦

A package that provides a responsive context to your application, using React Context API.

Language: JavaScript - Size: 445 KB - Last synced at: 11 days ago - Pushed at: over 1 year ago - Stars: 27 - Forks: 11

nash403/fine-mq

A fine API to manage media queries in JS with ease. It has first-class integration with VueJS.

Language: TypeScript - Size: 2.58 MB - Last synced at: 2 days ago - Pushed at: over 2 years ago - Stars: 22 - Forks: 4

Ayc0/mock-match-media

Mock window.matchMedia for Node.JS environments (like tests or NextJS)

Language: JavaScript - Size: 3.25 MB - Last synced at: 22 days ago - Pushed at: about 2 months ago - Stars: 21 - Forks: 1

magica11y/prefers-reduced-motion

🎢 Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.

Language: JavaScript - Size: 989 KB - Last synced at: 13 days ago - Pushed at: almost 2 years ago - Stars: 11 - Forks: 0

michalklim/react-match-breakpoints

Lightweight, performant, and easy to use media query library for React 📱 💻 🖥️

Language: TypeScript - Size: 6.07 MB - Last synced at: 2 days ago - Pushed at: almost 4 years ago - Stars: 11 - Forks: 4

nmanikiran/browser-apis

There are a large number of Web / Browser APIs available. This repo contains the demos those APIs

Language: JavaScript - Size: 87.9 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 8 - Forks: 2

akobrinsky/vue-pointbreak

A simple plugin for Vue 3 that uses matchMedia for when css media queries won't give you enough.

Language: TypeScript - Size: 255 KB - Last synced at: 6 days ago - Pushed at: over 2 years ago - Stars: 8 - Forks: 0

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!

Language: JavaScript - Size: 72.3 KB - Last synced at: 4 months ago - Pushed at: over 5 years ago - Stars: 8 - Forks: 0

articulate/react-with-responsive 📦

📱↔️ 🖥️ Responsive Media Query Higher-Order Component (HOC) for React

Language: JavaScript - Size: 394 KB - Last synced at: 14 days ago - Pushed at: over 6 years ago - Stars: 7 - Forks: 0

HomeServicesOfAmerica/respondable

Utilizes matchMedia to performantly return conditional values based on media queries

Language: JavaScript - Size: 131 KB - Last synced at: about 1 month ago - Pushed at: over 7 years ago - Stars: 6 - Forks: 3

magica11y/prefers-color-scheme

🌗 Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.

Language: JavaScript - Size: 747 KB - Last synced at: 1 day ago - Pushed at: almost 2 years ago - Stars: 4 - Forks: 0

Assortment/darkmodejs-demo

Demo app for @assortment/darkmodejs

Language: JavaScript - Size: 11.6 MB - Last synced at: 8 months ago - Pushed at: over 2 years ago - Stars: 4 - Forks: 0

jmaicaaan/system-media

A React utility library to match your props to the given media query

Language: TypeScript - Size: 198 KB - Last synced at: about 2 months ago - Pushed at: about 5 years ago - Stars: 3 - Forks: 0

kmaida/ng-mediacheck

NPM package providing a service for working with mediaqueries in Angular

Language: JavaScript - Size: 76.2 KB - Last synced at: about 1 month ago - Pushed at: over 7 years ago - Stars: 2 - Forks: 0

lgraubner/mqr

Functional matchMedia wrapper for media query handling.

Language: JavaScript - Size: 74.2 KB - Last synced at: 27 days ago - Pushed at: about 8 years ago - Stars: 2 - Forks: 0

magica11y/prefers-contrast

🔆 Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.

Language: JavaScript - Size: 941 KB - Last synced at: 17 days ago - Pushed at: 7 months ago - Stars: 1 - Forks: 1

magica11y/prefers-reduced-transparency

💎 Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.

Language: JavaScript - Size: 740 KB - Last synced at: about 1 month ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

magica11y/light-level

🕯 Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.

Language: JavaScript - Size: 704 KB - Last synced at: about 24 hours ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

magica11y/environment-blending

📺 Detects the characteristics of the user’s display using the 'environment-blending' CSS3 level 5 media query.

Language: JavaScript - Size: 739 KB - Last synced at: 14 days ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

breeny/react-media-breakpoints

Simple and configurable breakpoint matcher using matchMedia and render props

Language: JavaScript - Size: 1.06 MB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

kundinos/mock-media-queries

Simplifies testing of code that uses window.matchMedia

Language: TypeScript - Size: 222 KB - Last synced at: 10 days ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

iiroj/breakpoint-observer 📦

A React Component for rendering based on breakpoints.

Language: TypeScript - Size: 1.64 MB - Last synced at: over 1 year ago - Pushed at: over 5 years ago - Stars: 1 - Forks: 0