{"repo":"scaccogatto/vue-waypoint","free":true,"listed":false,"github":"https://github.com/scaccogatto/vue-waypoint","clone":"git clone https://github.com/scaccogatto/vue-waypoint.git","description":"Vue 3 waypoint component — trigger functions and events when an element enters/leaves the viewport, via IntersectionObserver. TypeScript, SSR-safe.","language":"TypeScript","stars":461,"topics":["intersectionobserver","triggers","vue3","vue","animation","composition-api","inview","nuxt","scroll-animation","typescript"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"vue-waypoint Trigger functions and events based on an element's position on screen — a tiny, dependency-free Vue 3 wrapper around the native IntersectionObserver . Demo Simple demo page — open your browser console and watch the events fire while scrolling up and down. Features - 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 Install Usage (recommended) Options API Props active Reactively enable or disable the waypoint. The element is observed while active is true and unobserved when it flips to false . - Enable: - Disable: options A standard IntersectionObserverInit object, forwarded verbatim to the underlying observer. tag The rendered element tag. Defaults to div . - → - → - → disableCssHelpers Disable the automatic CSS helper classes. Defaults to false . - With helpers (default): → - Without helpers: → CSS helpers Zero configuration, handy for simple CSS animations. The component toggles three families of classes: - waypoint — set as soon as the waypoint is ready - going-in / going-out — toggled as the element enters and leaves the viewport - direction-up / direc","default_branch":null,"files":null,"tree":[],"storefront":"/r/scaccogatto","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/scaccogatto/vue-waypoint/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}