Vue Responsiveness

A tiny, performant, and intuitive Vue 3 plugin for working with responsive breakpoints and media queries at runtime.

✨ Features

- Zero dependencies: lightweight with no external dependencies
- Optimal runtime performance: leverages native window.matchMedia for efficient updates, hundreds of times lighter than resize event listeners
- Comprehensive media query support: reacts to changes in viewport width, orientation, hover capability, and user preferences (prefers-color-scheme, prefers-contrast and prefers-reduced-motion)
- SSR Ready: Works seamlessly in server-side rendered applications
- Flexible API access: provides both a globally available $matches object (for templates) and a useMatches() composable (for

vue-responsiveness - npm explorer
vue-responsiveness
v0.2.4TypeScript
A tiny, performant, and intuitive Vue 3 plugin for working with responsive breakpoints and media queries at runtime.
vuevue3vue responsiveness pluginvue pluginresponsivenessresponsive designresponsiveness breakpointsresponsiveness intervalbreakpointscustom breakpoints
0/weekUpdated 6 months agoMITUnpacked: 42.5 KB
Published by andrei-gheorghiu
npm install vue-responsiveness
RepositoryHomepagenpm
Vue Responsiveness



A tiny, performant, and intuitive Vue 3 plugin for working with responsive breakpoints and media queries at runtime.



✨ Features

- Zero dependencies: lightweight with no external dependencies

- Optimal runtime performance: leverages native window.matchMedia for efficient updates, hundreds of times lighter than resize event listeners

- Comprehensive media query support: reacts to changes in viewport width, orientation, hover capability, and user preferences (prefers-color-scheme, prefers-contrast and prefers-reduced-motion)

- SSR Ready: Works seamlessly in server-side rendered applications

- Flexible API access: provides both a globally available $matches object (for templates) and a useMatches() composable (for