Reveal
Content that enters as it scrolls into view, alone or in sequence, plus a reading progress bar and parallax.
import { Reveal, RevealGroup, RevealItem, ScrollProgress, Parallax } from "pleate/effects/reveal";Effects and staggered groups
Reload or scroll back to replay (once={false} replays every time).
up
zoom
blur
Itineraries
Flights
Food
Budgets
Weather
Discover
Progress bar and parallax
Scroll inside this box: the bar tracks it, the cards drift at different speeds.
speed -0.3
speed 0.2
speed -0.15
Props
- effect
Entrance.
"fade" | "up" | "down" | "left" | "right" | "zoom" | "blur"default "up"- distance / delay / duration
Motion amounts.
number- once / amount
Replay and visibility threshold.
boolean / 0 to 1default true / 0.25- RevealGroup stagger
Seconds between RevealItems.
numberdefault 0.08- ScrollProgress target / position / fixed
Page or element progress.
ref / top | bottom / boolean- Parallax speed
Drift relative to scroll.
-1…1default 0.2