16 Vue packages tagged “intersection-observer”

Most downloaded: vue-waypoint, with 274,613 downloads in the last year and 463 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

vuetensils

A 'naked' component library for building accessible, lightweight, on-brand applications.
650 26,232

@usal/vue

Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨ | Vue Package
147 20,090

@skaldapp/runtime

Skald Runtime is a Vue.js-based runtime environment for Skald applications that enables dynamic component loading from markdown files, provides SEO optimization, and includes features like syntax highlighting, mathematical expressions, and emoji support.
18,062

vue-intersect-directive

Vue directive to observe intersection of an element with viewport.
14 12,009

vue-lazyload-video

Lazyload your videos as they near the viewport.
4 6,432

vue-on-intersect

Intersection Observer for Vue JS
6,109

vee-observe

Monitor if a component is inside the viewport, using IntersectionObserver API in Vue.
17 4,870

svg-scroll-draw

Scroll-driven animation for the web — draw SVG paths, reveal elements, pin sections, scrub video. Zero dependencies, native CSS fast path, works with React, Vue, Svelte, Solid, Angular, Astro and vanilla JS
5 3,984

@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

lazy-srcset

Automatically generates placeholders, srcset, sizes, and lazy loading to reduce image bandwidth and improve Core Web Vitals.
1,106

@awesome-reveal/vue

Reveal-on-scroll animations for Vue, built on the Web Animations API and IntersectionObserver.
1,192 1,086

@arnellebalane/vue-intersect

VueJS plugin that reports element intersections using the IntersectionObserver API
983

@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

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