Whole Text
-
Cursor Radius + Letter Scale
Whole Text + Stagger
Scroll Scrub + Sweep
Scroll the page
-
Scroll Reveal + Replay
Scroll it out of view and back
-
What’s inside
Four modes
Cursor Radius and Whole Text react to hover. Scroll Reveal and Scroll Scrub react to scrolling.
Trigger from the parent
Start the effect from the frame around the text, from the component itself, or from the whole window.
Any variable font
Pick a font with a Variable variant in Framer’s font picker for perfectly smooth weight changes.
Accessible by default
Renders a real heading tag, reads as one sentence to screen readers and honours reduced motion.
Colour and accents
Tint letters on hover, blend the colour by distance and accent the punctuation that ends a line.
Made for mobile too
Phones can’t hover, so hover modes switch to Scroll Reveal or Scroll Scrub on touch devices.