Scroll reveal · Words

Word drift

Whole words move as soft, readable units, sharpening into focus near the center of the viewport.

Field note 01

Ideas rarely arrive in straight lines. They drift, collide, and quietly become direction.

Field note 02

Attention changes the shape of whatever it touches.

Field note 03

Follow the thought that keeps returning.

Basic recipe

Drift words into focus

<p data-a11y-text-split
   data-split-type="words"
   data-split-scroll>
  Ideas rarely arrive in straight lines.
</p>

import { splitAll } from
  '../dist/index.js';
import { scrollRevealAll } from
  '../dist/scroll.js';

splitAll();
scrollRevealAll();

Semantic word mode keeps the real text in place. CSS supplies the blur and drift while the add-on only selects the native or fallback driver.