← index

Text FX

Type experiments — scrambles, waves, slices, sweeps

14 blocks
( filter blocks )
01 — ScrambleHeadlineHeadline decodes from randomized glyphs into real characters as it scrolls into view.

( 01 · decrypting )

02 — WeightShiftLineVariable-feel headline — words scale up and jump to a heavier weight on hover.

( 02 · hover the words )

type that responds to touch

03 — OutlineFillScrollStroked display text fills solid with the foreground color as the page scrolls.

( 03 · scroll to fill )

substance over spectacle

04 — WaveTextLetters undulate in a looping sine wave once the line enters the viewport.

( 04 · in motion )

always undulating

05 — SkewScrollHeadlinesStacked headlines lean into a skew proportional to scroll velocity, settling flat at rest.

( 05 · velocity )

built on momentum

shaped by scroll

never standing still

06 — TypewriterManifestoMono manifesto types itself out character by character with a blinking cursor.

( changelog · 001 )

07 — SlicedTextGiant word cut into horizontal slices that shear apart on hover and snap back.

( 06 · press )

IMPACT
08 — GradientSweepStatementStatement copy with an accent gradient sweeping through the text as it scrolls into view.

( 07 · statement )

Clarity is the ultimate act of design.

09 — FallingWordsWords drop into place with a spring bounce, staggered left to right on entry.

( 08 · entrance )

gravityhasopinionsabouttype

10 — RepeatEchoTypeA word repeated down a vertical column, each row offset and fading — a marquee on its side.

( 09 · echo )

REPEAT
11 — InlineStickerHeadlineXXL headline with brand stickers and a tiny rounded photo living inline between the words, spring-popping in after the text reveal.

( say it with stickers )

12 — WordSearchGridWord-search puzzle of mono letters — on scroll, capsule outlines draw themselves around the hidden answers like pen circles.

( find what we do )

hidden in plain sight

13 — EmbossedLettersOne giant word pressed into the page with dual-shadow embossing — letters rise in one by one and lift under the cursor.

( pressed, not printed — est. 2026 )

14 — ShimmerKpiLineOne huge inline sentence where the numbers are alive — counters spring up on scroll while a shimmer sweep passes over them.

( the numbers )