Stacked Text Reveal
Building
Initializing Timeline...
Required Dependencies
npm install gsap @gsap/react react-icons
Architecture & Setup
Copy these files into your codebase matching the structure below:
src/
├── css/
│ └── stacked-text-reveal/
│ └── variables.css
├── types/
│ └── stacked-text-reveal.types.ts
├── constants/
│ └── stacked-text-reveal.constants.ts
├── hooks/
│ └── gsap/
│ └── stacked-text-reveal/
│ ├── index.ts
│ ├── animateReveal.ts
│ └── useStackedTextRevealAnimation.ts
├── services/
│ └── ui.utilities/
│ └── stacked-text-reveal/
│ ├── index.ts
│ └── layout.ts
└── components/
└── stacked-text-reveal/
├── StackedTextReveal.tsx
├── StackedTextRevealLoader.tsx
└── preview/
├── index.tsx
├── Controls.tsx
└── Presets.tsx
Animation Controls
Narrative Presets
Edit Phrase Stack
Top Anchor
Middle
Middle
Middle
Bottom Anchor
1.30 em