FlyvaPage transitions for Next.js & Nuxt

A smart library for context-aware, smooth animated transitions between pages. A missing piece in a creative developer's toolkit for React and Vue.

Framework-agnostic core

Transitions implement a simple interface with lifecycle hooks. The same transition object works in both Next.js and Nuxt - only the wiring differs.

Flyva doesn't animate anything itself. Use anime.js, GSAP, Motion, CSS, or the View Transitions API - whatever fits your project.

Override which transition plays on a per-link basis. Pass custom options (direction, easing, color) that your transition code can read at runtime.

Register DOM refs globally with useRefStack and access them from transition code for FLIP animations across page boundaries.

Flyva is built and maintained by Owls Department, a tech-led digital studio. Learn more about the team. Released under the MIT license.