Text & Image Reveal

The Text and Image Scroll Reveal component is a dynamic and engaging way to bring your content to life in Framer projects. Perfect for storytelling, product showcases, or creating immersive landing pages, this component reveals text progressively as users scroll, with inline images and videos that scale and animate in sync with the text.Features:

• Scroll-triggered text reveal with smooth color transitions from muted to highlighted

• Inline images and videos that appear seamlessly within your text using simple <img> tags

• Two scroll modes: Automatic (calculates based on component position) or Manual (fixed scroll positions)

• Customizable scroll trigger points (top, middle, or bottom of viewport) and scroll speed

• Image/video scaling animation with configurable scale factor, duration, and base opacity

• Hover-follow effect that makes images subtly track mouse movement

• Support for both images and videos with two playback modes (always autoplay or play on scale)

• Flexible image fitting: cover mode for uniform sizing or contain mode that preserves aspect ratios

• Full typography control with text transform options (uppercase, lowercase, capitalize)

• Customizable image styling: size, spacing, border radius, and box shadow

• Responsive design that adapts to all screen sizes

• Optional text selection disable for cleaner user experience

• Lightweight and easy to integrate into any Framer project

Refund Policy:

All sales of digital products are final and non-refundable.