RevealText

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.

Key Features

• 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

How to Use

1. Add RevealText to your canvas or hero section.

2. 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).

3. Preview your animation — each letter will animate sequentially, reveal with an overlay sweep, and switch to a textured photo style on hover.