Preloader
Full-screen preloader with progress indicator and exit animation.
transitionspreloaderloading
Installation
Terminalbash
npx motioncraft add preloaderUsage
preloader.tsxtsx
import { Preloader } from "@/components/transitions/preloader";
<Preloader />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes |
Related Components
Noise Transition
NewPage transition with Perlin noise dissolve effect. Canvas-based with configurable speed and color.
Page Transition
Smooth page transition wrapper with configurable enter/exit animations.
Aurora Background
Animated aurora borealis gradient background with configurable colors and speed.
Gradient Blur
Blurred gradient orbs with configurable colors for atmospheric backgrounds.