Contact Page

This page demonstrates all 4 directive types with various configurations.

All Directive Types

v-page-split, v-page-fade, v-page-clip, v-page-stagger

  • Split → Character/word/line reveals
  • Fade → Directional fade animations
  • Clip → Clip-path reveals
  • Stagger → Child element staggers
  1. Manual control via directives
  2. No auto-detection bullshit
  3. Simple, DRY code
  4. Production-ready

Custom Configs

Pass custom timing, easing, and other options to any directive.

Navigate between pages to see the full effect of OUT then IN animations!

Scroll & Transition

ScrollSmoother and page transitions work together seamlessly.