Vue ViewportIntersection Observer made easy

High-performance scroll interactions & Tailwind-ready animations

🚀 High Performance

Uses a single IntersectionObserver instance for optimal performance.

Designed to work seamlessly with Tailwind CSS utility classes.

Comes with ready-to-use animations like fade, slide, and zoom.

This element is using
v-viewport="'slide-up'"

This element is using
v-viewport="'fade-up'"

This element is using
v-viewport="'fade'"