Text Animations

• Tech Text

  A wordmark whose letters turn into dashed vector paths under the cursor.

• Text Loop

  A seamless text marquee that flows along curved SVG paths.

• Masked Heading

  A headline with a drifting colour mesh or image showing through, revealed word by word.

• Particle Text

  Text assembles from drifting particles that scatter and reform on demand.

• Split Flap Text

  Mechanical split-flap departure board that clacks through to each new phrase.

• Warp Text

  WebGL warp that bends and refracts the text around the pointer.

• Stroke Text

  Outlined letterforms draw themselves on, then flood with fill.

• Depth Text

  Layered extruded type with parallax that shifts against the pointer.

• Fold Text

  Lines unfold into place like creased paper opening flat.

• Echo Text

  Ghosted copies trail behind the text and settle into a single word.

• Split Text

  Splits text into characters / words for staggered entrance animation.

• Blur Text

  Text starts blurred then crisply resolves for a soft-focus reveal effect.

• Circular Text

  Layouts characters around a circle with optional rotation animation.

• Text Type

  Typewriter effect with blinking cursor and adjustable typing cadence.

• Shuffle

  Animated text reveal where characters shuffle before settling.

• Shiny Text

  A sheen of light that sweeps across text, from soft bands to chrome-like reflections.

• Text Pressure

  Characters scale / warp interactively based on pointer pressure zone.

• Curved Loop

  Flowing looping text path along a customizable curve with drag interaction.

• Fuzzy Text

  Vibrating fuzzy text with controllable hover intensity.

• Gradient Text

  Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.

• Falling Text

  Characters fall with gravity + bounce creating a playful entrance.

• Text Cursor

  Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.

• Decrypted Text

  Hacker-style decryption cycling random glyphs until resolving to real text.

• True Focus

  Applies dynamic blur / clarity based over a series of words in order.

• Scroll Float

  Text gently floats / parallax shifts on scroll.

• Scroll Reveal

  Text gently unblurs and reveals on scroll.

• ASCII Text

  Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.

• Scrambled Text

  Detects cursor position and applies a distortion effect to text.

• Rotating Text

  Cycles through multiple phrases with 3D rotate / flip transitions.

• Glitch Text

  RGB split and distortion glitch effect with jitter effects.

• Scroll Velocity

  Text marquee animatio - speed and distortion scale with user's scroll velocity.

• Variable Proximity

  Letter styling changes continuously with pointer distance mapping.

• Count Up

  Animated number counter supporting formatting and decimals.