Home Page
This demonstrates directive-based page transitions. Mark elements with v-page-* directives for full control.
Manual Control
Use directives to control exactly how each element animates.
- v-page-split → SplitText character/word reveals
- v-page-fade → Fade with directional movement
- v-page-clip → Clip-path reveals
- v-page-stagger → Stagger child elements
Navigate between pages to see elements animate OUT, then IN with opposite animations!
Scroll Smoothing
ScrollSmoother creates buttery smooth scrolling with momentum and effects.
Try scrolling to feel the smooth animation!
How It Works
ScrollSmoother wraps your content and creates a virtual scroll experience.
It transitions between pages seamlessly with our page transition system.