19 Vue packages tagged “breakpoints”

Most downloaded: vue3-mq, with 563,882 downloads in the last year and 45 GitHub stars. Ranked by total downloads — use the controls below to sort by stars, most recently updated, or name.

vue3-mq

Build responsive design into your Vue 3 app
45 563,882

vue-screen

Reactive screen size and media query states for Vue. Integrates with most UI frameworks out of the box.
237 444,414

vue-component-media-queries

MatchMedia component library for vue
76 39,494

vue-responsiveness

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

vue-breakpoints

Vue.js utility component to show and hide components based on breakpoints
188 21,591

vue-next-breakpoints

Vue 3 Breakpoints using window.matchMedia and the Composition API
6 14,935

vue-breakpoint-mixin

Package to use as a watcher for breakpoints
11,422

vue-viewports

Named, reactive, matchMedia-based viewport breakpoints for Vue 3 — a tiny plugin and composable.
74 7,734

trakk-js

Automatic Documentation Generation - Real-Time Code Execution Flow - Testing / Debugging - Onboarding - for Front-End Applications
7,415

responsive-media

Reactive state from CSS media and container queries — breakpoint helpers, AND/OR conditions and CSS-var sync, hydration-safe SSR with request hints, typed from your config. Vanilla JS / Vue 3 / React / Nuxt.
4,271

masonry-snap-grid-layout

Masonry grid layout for React, Vue 3, Angular, and Vanilla JS. Pinterest-style responsive image gallery with scroll virtualization, SSR support for Next.js and Nuxt, automatic relayout on image load, and responsive column breakpoints. Zero dependencies, T
4 3,657

simple-breakpoints

A simple js plugin to define conditionally check defined breakpoints
3,521

@wardy484/vue-md-breakpoint

Material Design breakpoints for Vue
1 2,845

responsive-scale-mixins

🎨 Revolutionary SCSS mixins for perfect responsive design with universal browser compatibility. Supports ALL CSS units (px, rem, em, vw, vh, %, etc.) with pixel-perfect scaling and automatic fallbacks for browsers without CSS variable support. Zero manua
2,543

vuex-viewport

Vuex extension that allows making window size as computed property.
1,072

vue-not-visible

Vue directive for conditional rendering (like v-if) element on screen smaller than breakpoints;
22 932

@ozjsey/v-observe

Vue 3 directive owning IntersectionObserver + ResizeObserver + MutationObserver in one binding — cross-observer gating, threshold-crossed events, diff payloads, unified state attribute
771

vital-mq

Build responsive design into your Vue3 app
45 419

responsive-panel

A development tool that helps frontend developers visualize and test responsive design breakpoints in real-time
2 405