Unfolding Text
A 3D-style text animation that unfolds along the Y-axis using GSAP with customizable stroke, fill, and rotation for dramatic typographic reveals.
Props
| Property | Type | Default | Description |
|---|
| text | string | – | The text content to display and animate with the unfolding effect. |
| fontSize | number | 80 | Font size of the animated text, in pixels. This adjusts the overall size of the text. |
| initialRotateY | number | 40 | The initial Y-axis rotation (in degrees) from which the text unfolds. |
| strokeColor | string | "white" | The stroke color applied to the text initially and after the animation completes. |
| fillColor | string | "transparent" | The fill color of the text before the animation finishes. Used in combination with strokeColor. |
| className | string | "" | Additional custom or Tailwind CSS class names to style the text element. |