Shuffle
Each letter is a slot that spins through random characters and lands on the real one, in sequence, on view and again on hover.
import { Shuffle } from "pleate/effects/shuffle";Up and down
DEPARTURES
Hover to spin againProps
- text
The text.
string- shuffles
Characters passed before landing.
numberdefault 6- duration / stagger
Seconds per slot and between slots.
numberdefault 0.55 / 0.04- direction
Spin direction.
"up" | "down"default "up"- replayOnHover
Spin again on hover and focus.
booleandefault true
Accessibility
- The word is read once; the slots are hidden from assistive tech.
- Reduced motion shows plain text.