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.