Masked Reveal
Staggered word reveal with 3D rotation and gradient fade.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| text | string | Orchestrated Chaos | Text to reveal |
| stagger | number | 0.12 | Delay in seconds between each word |
When to Use
Perfect for elegant brand introductions, minimalist landing pages, and cinematic web experiences.
Best Practices
Use with multi-word phrases for maximum stagger impact. Works best with large, bold font sizes.
Why This Component Matters
Orchestrated reveals are a staple of premium modern UI, adding a layer of polish to your content entry.
FAQ
QCan I reveal character by character?
Currently word-based; the logic can be adapted for characters.
QIs the 3D rotation mandatory?
No — set initialRotateX to 0 for a simple vertical slide reveal.
Related Components
Broken Shard Gallery
Images explode outward from center into a chaotic gallery layout as you scroll.
Velocity Smear
Gallery that skews and stretches in real-time based on scroll velocity — the faster you scroll, the more the images smear.
Curtain Split
Two image panels split apart like stage curtains on scroll, revealing editorial text content hidden beneath.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.
