18 Vue packages tagged “viewports”
Most downloaded: nuxt-viewport, with 1,152,758 downloads in the last year and 168 GitHub stars. Ranked by total downloads — use the controls below to sort by stars, most recently updated, or name.
vue-waypoint
Trigger functions and events based on an element's position on screen — a tiny, dependency-free Vue 3 wrapper around IntersectionObserver.
463
274,613
vue-check-view
Simple vue plugin that checks element position on screen (viewport) and adds classes to element. ES5 supported.
112
99,472
postcss-mobile-forever
PostCSS 伸缩视图转换插件。To adapt different displays by one mobile viewport.
481
84,254
vue-viewports
Named, reactive, matchMedia-based viewport breakpoints for Vue 3 — a tiny plugin and composable.
74
7,734
@opuu/inview
Lightweight JavaScript library for viewport detection with debounced callbacks - intersection observer, lazy loading, scroll animations, infinite scroll, element visibility tracking with TypeScript support. Zero dependencies, ~1KB gzipped.
10
3,694
@opuu/inview-vue
Vue.js directives for viewport detection - v-inview and v-outview directives powered by @opuu/inview. Perfect for Vue 3 lazy loading, scroll animations, infinite scroll, analytics tracking with TypeScript support.
2
3,167
vue-collision
fires a collide/non-collide event on collision with viewport or any other bounding box
8
2,207
viewport-truth
Tiny zero‑config VisualViewport-first store for accurate visible viewport size in CSS pixels. Detects virtual keyboard, stabilizes resize/scroll jitter, and is SSR-safe across frameworks.
2
1,720
@awesome-reveal/vue
Reveal-on-scroll animations for Vue, built on the Web Animations API and IntersectionObserver.
1,192
1,086
@samline/is-visible
Lightweight IntersectionObserver utility for visibility enter/leave callbacks.
992
nuxt-render-on-scroll
A Vue/Nuxt component that allows you to lazily render components only when they are scrolled into the viewport.
6
881
vue-greenborn-image-viewer
Visor de imagen para Vue 3: núcleo de viewport reutilizable con zoom (rueda y botones, centrado en el cursor), pan (Ctrl+arrastre) y rotación libre con preview recortado. Expone un slot para overlays (ej. canvas de anotaciones/detecciones) sincronizados c
655
vue-scrollobserver
Run code when an element scrolls into view in Vue 3, with a directive, a composable, or a plain function built on IntersectionObserver
1
451
responsive-panel
A development tool that helps frontend developers visualize and test responsive design breakpoints in real-time
2
405
vue3-responsive-breakpoints
A simple Vue 3 composable that provides reactive breakpoints for Tailwind, Bootstrap, or custom configurations. Easily determine the current viewport size and its relation to your breakpoints with auto-completion in TypeScript.
2
306