Not a basic fade-in.A premium scroll-based headline animation.
Hero headlines
Landing pages
SaaS marketing sites
Agency & studio websites
Portfolios & case studies
If you’re looking for a Framer scroll text animation or highlight reveal heading effect, this is it.
When text enters the viewport:
Each line is covered by a highlight bar
Bars scale away
Lines reveal with staggered timing
Animation plays once for a clean, premium feel
Reveal direction (left, right, up, down)
Stagger timing & order
Scroll trigger position
Animation duration
Marker color & text color
Semantic tag (H1–H4, P, Span)
Text alignment (Left, Center, Right)
Built-in alignment ensures the animation works perfectly in centered or right-aligned layouts — no wrappers or hacks needed.
Real line detection via SplitText
Font-aware measurements
No layout shift
Hardware-accelerated GSAP transforms
Runs only in Preview & Live
Production-ready. Clean. Reliable.
Add component
Insert text
Choose tag & alignment
Set direction, stagger & color
Publish
No overrides. No setup.
If your headline matters, this makes it feel alive.