Skip to content
Component library
TemplatesComponents
← Components

Motion

PageTransition

Animates one page out and the next in with the browser's view transitions: a curtain wipe or a fade and lift. Goes in a template.tsx. Needs React 19.3.

Import
import { PageTransition } from "@teralith/ui"
Source
packages/ui/src/blocks/PageTransition.tsx
Used in
  • Clinic: Every page
  • Cinematic: Every page

This one needs a navigation to show. Open a template and move between its pages: the Cinematic template wipes each new page up like a curtain.

Open Cinematic projects →

← MaskRevealParallaxScene →
@teralith/ui 0.1.0

Component library, internal use · © 2026 Teralith Incorporated