Block Reveal Text
Block Reveal Text is an animated text component that reveals your typography with stylish block overlays. Perfect for creating engaging hero sections, eye-catching headlines, and memorable call-to-action text. Key Features: • 9 Reveal Directions – Choose from left, right, top, bottom, four diagonal directions, or an expanding effect • Flexible Text Splitting – Animate by words, characters, or entire lines for different visual effects • Gradient Support – Use solid colors or create stunning gradients (linear, radial, or conic) for the reveal block • Smart Triggers – Animate on scroll into view or immediately when the page loads • Precise Timing Controls – Adjust initial delay, stagger timing between elements, and animation duration • Repeat Options – Play once or repeat every time the text enters the viewport • Full Typography Control – Customize font family, size, weight, spacing, and color • Performance Optimized – Built with Framer Motion for smooth, hardware-accelerated animations How to Use: 1. Drag the component onto your canvas 2. Enter your text and style it with the font controls 3. Choose a reveal direction and how to split the text 4. Customize the block overlay color or gradient 5. Adjust timing settings to match your design rhythm 6. Select when to trigger the animation (scroll or page load).Perfect For: Hero headlines, feature announcements, testimonials, section titles, call-to-action text, portfolio headers, and any text that deserves a dramatic entrance.
Talha Manzoor
