Framer component · $8
Read Along
Text that lights up word by word as visitors scroll, or by itself when it comes into view. Four effects, accent words and pinned sections.
This text played by itself when the page opened (In view). Scroll on: the next quote follows the scroll, also backwards.
Pinned while you read
Four effects
These cards use In view: they play by themselves when they appear, and again each time you scroll back to them.
Color
Dim words turn on one after another.
Highlighter
A marker sweeps behind each word.
Blur
Blurred words come into focus.
Rise
Words fade in and move up into place.
By letter
Split by letter, with a higher Softness.
Your colors
Pick a dim color of your own and an accent.
Details
Follows the scroll
Scroll mode ties each word to the scroll position, so it also goes back when you scroll up.
Pinned sections
Put it in a Sticky frame inside a tall section and it follows that section. Nothing to link or name.
Plays in view
In view mode plays by itself when the text appears, once or every time.
Accent words
Words in [brackets] light up in the Accent color.
Real text
Search engines and screen readers get the whole sentence. The text can come from a CMS field.
Set it up on the canvas
On canvas shows the reveal at any point, so you can set the colors. Visitors who turn off motion see all words lit.
Settings
Text
Your text. Words in [brackets] get the Accent color. Can be linked to a CMS field.
Tag / Font / Align
H1, H2, H3, paragraph or quote, any font, left, center or right.
Color / Accent
The color of a lit word, and of the [words in brackets].
Effect
Color, Highlighter, Blur or Rise. Highlighter and Blur have their own color and strength.
Dim / Dim color
How visible a word is before it lights up, or a dim color of your own.
Split / Softness
By word or by letter, and how many fade in at the same time.
Trigger / Follow
Scroll (also backwards) or In view. Scroll follows the Sticky section it is in, or the text itself.
Start / End
Scroll only: how far through the scroll the first and the last word light up.
Delay / Duration / Once
In view only: when it starts, how long the whole text takes, and whether it plays again.
On canvas
Shows the reveal at this point on the canvas. The site always starts dim.
How to use it
01
Buy it, then open the component link from your receipt.
02
Paste it on any page of your Framer project (⌘V).
03
Change the settings in the right panel. Preview to see it move.
From the same maker
Framer templates by H SHIFT WORKS
CIRCLED
Booking site for portrait and wedding photographers.
View template →
AGENDA
Conference site with schedule, speakers and venue.
View template →
OFFSET
Studio site for an independent digital agency.
View template →
TRUSS
Site for renovation and design-build companies.
View template →
GAZE
Dark, photo-led portfolio for one visual artist.
View template →
© 2026 H SHIFT WORKS. Framer templates, plugins and components.
framer.com/@hshiftworks
X: @hshiftworks