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

Veaury Use Vue in React projects (and vice versa)
icon-eye-dark Created with Sketch. 3.532
TransX Transition Animation Library
icon-eye-dark Created with Sketch. 1.998
Sentry for Vue Vue Application Monitoring
πŸ’š Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Nuxt Booster Performance Optimization Package
icon-eye-dark Created with Sketch. 822
Reforms.js Bootstrap Form & Card Generator
icon-eye-dark Created with Sketch. 1.192