Animations & Motion
Masked Reveal
Staggered word reveal with 3D rotation and gradient fade.
textanimationmaskstagger3d
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
text | string | Orchestrated Chaos | Text to display |
wordGap | string | gap-4 | Gap between words |
fontSize | string | text-6xl md:text-8xl | Font size of the text |
fontWeight | string | font-bold | Font weight of the text |
tracking | string | tracking-tighter | Letter spacing |
textColor | string | text-white | Color of the text |
gradientFrom | string | from-zinc-100 | Gradient start color class |
gradientTo | string | to-zinc-500 | Gradient end color class |
staggerChildrenDelay | number | 0.12 | Delay between children |
childDelayMultiplier | number | 0.04 | Delay multiplier per child |
springDamping | number | 12 | Spring animation damping |
springStiffness | number | 100 | Spring animation stiffness |
initialY | number | 50 | Initial Y position |
initialRotateX | number | -20 | Initial X rotation in degrees |
className | string | Additional CSS classes |