ScrollBGHighlight — Scroll-based background highlights

Description (Marketplace)

ScrollBGHighlight is a lightweight text animation component that highlights important words and phrases with smooth, scroll-triggered background reveals.Designed for modern product sites and storytelling pages, it guides attention naturally as users scroll—without overwhelming motion or heavy effects.

Perfect for hero headlines, feature sections, and narrative layouts, ScrollBGHighlight lets you emphasize meaning where it matters most. Customize colors, radius, highlight height, easing, and special phrases to match your brand and layout in seconds.

No GSAP. No setup. Drop in and start guiding attention.

Key Features

• Scroll-triggered background highlight reveal

• Highlight specific words or full phrases

• Smooth, Apple-like easing

• Adjustable highlight height & corner radius

• Custom base, active, and special text colors

• Per-word or phrase-based animation mode

• Easy customization with Framer controls

Perfect For

• Product landing pages

• Hero headlines

• Storytelling sections

• Feature explanations

• Brand narratives

• Editorial layouts

• Marketing pages

• Presentation microsites

Usage Tips

• Keep highlights subtle for premium product sites

• Use phrases instead of single words for stronger storytelling

• Increase background height slightly for large headlines

• Combine with calm scroll pacing for best cinematic feel