Page Transition
Smooth page transition wrapper with configurable enter/exit animations.
transitionspageanimated
Installation
Terminalbash
npx motioncraft add page-transitionUsage
page-transition.tsxtsx
import { PageTransition } from "@/components/transitions/page-transition";
<PageTransition>
<div>Page content</div>
</PageTransition>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children* | ReactNode | — | Page content |
| className | string | — | Additional CSS classes |
Related Components
Noise Transition
NewPage transition with Perlin noise dissolve effect. Canvas-based with configurable speed and color.
Preloader
Full-screen preloader with progress indicator and exit animation.
Aurora Background
Animated aurora borealis gradient background with configurable colors and speed.
Meteors
Falling meteor animation with randomized paths and fading trails.