Masked Text Reveal
A smooth masked text reveal where content emerges from below with a clean, modern feel. Easily adjust timing, offset, easing, and triggers in the property panel. Ideal for headlines, hero sections, and refined UI animations.
About this Component
Masked Text Reveal is a flexible text animation component for Framer that reveals content smoothly from below using a mask for a clean, modern look.
Control all key parameters in the property panel:
From Y, Rotate, Blur for motion style
Duration, easing & stagger for timing
InView % to define when the animation starts
Once toggle to play once or on every scroll
Mask padding & typography settings
Language-based hyphenation for clean, automatic text breaks
Works with headings and multi-line text. Ideal for hero sections and refined UI motion.
