Big statements that light up word by word as visitors read — 15 effects, three modes (follow the scroll, play once, or pin the section) and reveal by word, letter or line.
Scroll slowly. Every word you read lights up, so your message is taken in one idea at a time — not skimmed.
Pin mode keeps the section on screen while the manifesto fills in. When it is fully read, a follow-up line and a button fade in.
We believe good design is quiet. It gets out of the way, loads in a blink and works for everyone — on every screen, in every language. We sweat the details so your customers never have to.
Northfold Studio — brand & product design since 2014.
See our work“Northfold Studio” is a fictional agency.
Reveal by lines with the mask effect — each line slides up from behind an invisible edge, like a film title. Plays once when it comes into view.
Pre-order today — ships in October.
Pre-order“Aero 2” is a fictional product.
Spotlight mode brightens only the words you are reading right now, while a line on the side shows how far along you are.
“I started this bakery with one oven and a borrowed recipe book. Ten years later we still bake everything by hand, before sunrise, because bread should taste like someone cared.”
— Mara Ellison, founder of Ember & Rye Bakery
“Ember & Rye” and its founder are fictional.
Ship to production in 12 seconds. No servers. No YAML. No surprises.
Stackline is a fictional developer platform.
Read the docsScramble shuffles random characters and settles each letter in turn — a natural fit for tech, security and developer products. Monospace font built in.
The typewriter follows the scroll: scroll down and the sentence types out, scroll back and it deletes. The caret blinks while it waits.
Inkly drafts, shortens and polishes replies right inside your inbox. (Inkly is a fictional product.)
Try it freeThe key sentence of an article gets marked word by word, like someone reading along with a highlighter. Accent words get a second color.
The teams that work best remotely do not have more meetings — they write things down. A clear document beats a long call almost every time.
Reveal by letters with a gradient sweep. Uppercase and a light serif give it a boutique feel.
Crafted slowly. Worn forever.
Maison Solène — fine jewelry, handmade in Lyon. (A fictional brand.)
Rise + fade with accent words in a gradient — used here for an impact statement on a charity page.
Last year, volunteers planted 48,000 trees across nine valleys. Every one of them started with a single person deciding to show up.
Greenvale Trust is a fictional charity; the numbers are illustrative.
VolunteerThe same sentence with every effect. Scroll slowly through the grid to watch each one play.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Great ideas deserve to be read, not skimmed.
Everything you need for scroll-driven storytelling.
All businesses, products and people on this page are fictional examples.
201 premium elements, Text Reveal on Scroll included.