Text Reveal Lens transforms simple typography into cinematic motion. As users scroll or move their cursor, a shape mask glides across the headline, revealing text through light and motion. Ideal for hero headers, section intros, or full-screen storytelling layouts.
✨ Features & Capabilities
Mask Shapes – Circle, Rectangle, Wave, Diamond, Wave, Star.
Reveal Motion – Mask moves smoothly with scroll or cursor.
Direction Controls – Left→Right, Top→Bottom, or Center-Out reveal.
Scroll Sensitivity – Adjust mask speed and trigger threshold.
Cursor Tracking Mode – Follow the user’s mouse for interactive highlight.
Typography Styling – Font, weight, size, spacing, and alignment controls.
Gradient & Texture Fill – Apply gradients or textures inside revealed text for a premium finish.
Animation Easing – Choose from linear, ease-in-out, or custom bezier curves.
Performance Optimized – GPU mask animations ensure smooth playback.
Responsive & Safe – Scales beautifully across devices.
🧩 Property Controls
Text Content
Mask Shape: Circle | Rectangle | Path
Reveal Trigger: Scroll | Cursor
Direction: Left→Right | Top→Bottom | Center-Out
Scroll Sensitivity
Easing Type
Font Controls: Family, Weight, Size, Spacing, Alignment
Fill Style: Solid | Gradient | Texture
Mask Color / Background
💡 Use Cases
Hero banners • Interactive landing pages • Product storytelling • Creative portfolios • Section intros
John Valentine
