Akryum/vue-observe-visibility

Health v2 · maintenance only

Flags: no_license

Adoption not part of the score

1644 stars · 85 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A Vue 2 plugin providing a v-observe-visibility directive that uses the Intersection Observer API to detect when elements become visible or hidden on the page. It calls a callback with a boolean visibility flag and the IntersectionObserverEntry whenever visibility changes.

Use cases

• detect when an element scrolls into view in vue
• lazy-load images when they become visible
• pause animations or videos when off-screen
• track ad or content impressions on visibility
• trigger animations when a section enters the viewport
• infinite scroll visibility detection

When to choose

• you are on Vue 2 and need viewport visibility detection with a simple directive
• you want a lightweight wrapper around IntersectionObserver for Vue components

When to avoid

• you are using Vue 3, which has native IntersectionObserver patterns or alternative plugins
• you need broad legacy browser support without adding a polyfill

Facets

library · maturity maintenance

ui-components animation frontend web-development browser vue vue2 directive intersection-observer visibility-detection lazy-loading nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="Akryum/vue-observe-visibility")