made with vue.js

Vue Waypoint

Waypoint Component Trigger

Visit Site

Description

Waypoint Component Trigger

"vue-waypoint is a waypoint component to trigger functions and events based on an element's position on screen. It's a tiny, dependency-free Vue 3 wrapper around the native IntersectionObserver."

  • Vue 3, written in TypeScript with shipped type declarations
  • Zero runtime dependencies — a thin wrapper over the native IntersectionObserver
  • ESM + CJS builds (tree-shakable) with correct exports
  • Flexible: custom tag, custom observer options, reactive active toggle
  • Optional CSS helper classes for quick, configuration-free animations
  • Slot support exposing the live waypoint state
  • useWaypoint composable for observing any template ref directly
  • SSR-safe

Creator

Marco Boffo
@scaccogatto


Social Media Links

Vue Wrap Balancer Text Wrap Optimization Component
icon-eye-dark Created with Sketch. 1.116
Vue Observe Visibility Element Visibility Observer
icon-eye-dark Created with Sketch. 7.694
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
Supercharge Your Development with the Power of Vue and Material Design
Vue.resize Detect HTML Resize Events
icon-eye-dark Created with Sketch. 12.852
Laraform Form Builder for Laravel & Vue.js
icon-eye-dark Created with Sketch. 4.307