RevealText brings motion and texture to life using Framer Motion.Each letter animates individually with spring physics, revealing a layered composition of:
Base text for clean visibility
Overlay sweep in your chosen accent color
Hover-activated image textures, turning words into living visuals
It’s fully responsive, optimized for performance, and requires no external dependencies.You can customize delays, overlay duration, colors, and even assign a unique image per letter — ideal for building interactive hero sections and expressive motion titles.
Sequential letter reveal animation with spring physics
Cinematic overlay sweep with adjustable timing
Image-based text textures on hover
Fully customizable colors, fonts, and delays
Optional hover text with its own font style
Works seamlessly on both light and dark backgrounds
Built for Framer — plug and play on any frame or section
Add RevealText to your canvas or hero section.
In the Properties panel, configure the following options:
Text: Enter the word or phrase you want to animate.
Font: Set typeface, weight, size, and spacing.
Text Color & Overlay Color: Define your base and accent tones.
Letter Delay: Control timing between letter animations.
Overlay Delay & Duration: Adjust the sweeping accent animation.
Hover Text (Optional): Add or remove a subtitle message below the main text.
Letter Images: Assign background textures or photos for each letter (hover effect).
Preview your animation — each letter will animate sequentially, reveal with an overlay sweep, and switch to a textured photo style on hover.
Launchly
