Zum Inhalt
Fundament

Schaufenster

text-effects · 7 Sections

← zum Katalog

text-effects/animated-number

Animated number counter: odometer digits roll to each new value, with Intl locale and currency formatting and a gain or loss flash.

see · nicht_standard · freedesignmd · Insel · 2 Slots

Animated Number — ueberschrift (h2, 72 Zeichen)

Animated Number — vorspann (p, 240 Zeichen)

$12,480.50

text-effects/particle-text

Particle text effect: a title sampled into thousands of canvas particles that the cursor parts and a click detonates and reforms.

see · nicht_standard · freedesignmd · Insel · 2 Slots

Particle Text — ueberschrift (h2, 72 Zeichen)

Particle Text — vorspann (p, 240 Zeichen)

text-effects/scramble-text

Scramble text effect: characters cycle through glyphs and lock in left to right. Hover re-scrambles, layout never shifts.

see · nicht_standard · freedesignmd · Insel · 2 Slots

Scramble Text — ueberschrift (h2, 72 Zeichen)

Scramble Text — vorspann (p, 240 Zeichen)

Decode the signal

text-effects/split-flap

Split flap display for React: an airport departure board where each cell folds through a 3D flap and rows settle in a cascade.

see · nicht_standard · freedesignmd · Insel · 2 Slots

Split Flap — ueberschrift (h2, 72 Zeichen)

Split Flap — vorspann (p, 240 Zeichen)

LISBON

text-effects/split-text

Split text animation for React: split a string into characters, words or lines and reveal it with rise, wave, blur or typewriter.

see · nicht_standard · freedesignmd · Insel · 2 Slots

Split Text — ueberschrift (h2, 72 Zeichen)

Split Text — vorspann (p, 240 Zeichen)

text-effects/text-morph

Text morph animation: cycle through words with a letter-level morph where shared letters glide into place and the rest blur away.

see · nicht_standard · freedesignmd · Insel · 2 Slots

Text Morph — ueberschrift (h2, 72 Zeichen)

Text Morph — vorspann (p, 240 Zeichen)

Built for founders

text-effects/text-repel

Text repel effect: a headline whose letters drift away from or toward your cursor and spring home, each on its own spring.

see · nicht_standard · freedesignmd · Insel · 2 Slots

Text Repel — ueberschrift (h2, 72 Zeichen)

Text Repel — vorspann (p, 240 Zeichen)

Hold still if you can.