Falling Sand assembles your word from grains drifting down and settling into the letterforms, with the edges staying slightly granular once they land rather than resolving to a clean line.
What Falling Sand is good for
Desert, beach and travel content
Time, patience and hourglass metaphors
Natural and earthy product branding
How this animation is built
fs-fall drifts the grain layer downward and fs-settle locks it into the glyph shapes, with feTurbulence and feDisplacementMap keeping the edges grainy after settling — sand that resolved to a crisp outline would stop being sand.
Tips for Falling Sand
Warm tans, ochres and dusty golds suit the material.
The settle is the payoff; give the fall enough duration to be seen as falling.
Falling Sand questions
How is this different from Pixel Reveal?
Falling Sand is physical — grains drift down under gravity and pile into shape. Pixel Reveal is a display resolving: blocks getting smaller in place, no movement or gravity involved.
Related animation styles
Flaming Text — Flames lick upward from letters standing in white-hot fire
Burning Text — Charred letters engulfed in a roaring inferno of tall flames
Blue Fire — Ghostly blue flames rising off cool glowing letters
Smoke Wisp — Pale ghost letters that waver and drift apart like smoke
Molten Rune — Stone-carved letters flooding with molten gold as embers rise
Abyss Caustics — Underwater light ripples over pale type as bubbles rise