Demos

These builds mirror the monorepo playgrounds deployed under /playground/… on the main site (sibling to /docs/, not inside it). Open a card to run the hosted demo in a new tab, or use the root pnpm scripts locally.

Next.js (App Router)

Default Flyva setup: FlyvaRoot, FlyvaTransitionWrapper, hook-driven transitions, and concurrent mode demos.

Open demo →

• Browse source on GitHub
• Run locally: pnpm dev:next (repo root)

Next.js + View Transitions API

Same stack with config.viewTransition enabled — document.startViewTransition and VT-oriented transitions.

Open demo →

• Browse source on GitHub
• Run locally: pnpm dev:next:vt (repo root)

Nuxt 4

The @flyva/nuxt module with FlyvaPage, auto-imported composables, and classic JS hook transitions.

Open demo →

• Browse source on GitHub
• Run locally: pnpm dev:nuxt (repo root)

Nuxt + View Transitions API

Nuxt playground with flyva.viewTransition enabled for VT-first flows.

Open demo →

• Browse source on GitHub
• Run locally: pnpm dev:nuxt:vt (repo root)

---

Full documentation lives under Getting started in this site.