Animate text smoothly

39 hand-tuned text animations. shadcn-installable. Prompt-ready for Lovable, Bolt, V0.

Presets

39 text motion presets

Soft Blur

Per-character blur and lift — Apple Intelligence's signature reveal.

Foundationper-character

Character Rise

Characters spring up from below with a subtle scale settle.

Foundationper-character

Mask Reveal Up

Lines slide up from under a clip-mask, exposed in editorial style.

Foundationper-line

Typewriter

Characters type out one at a time at a steady, mechanical cadence.

Foundationper-character

Shimmer Sweep

A light shimmer glides across the text with a slight horizontal drift.

Foundationwhole

Word Crossfade

Words fade in with a subtle drift — calmer than per-character.

Foundationper-word

Spring Scale

The whole text snaps into place with a tactile spring scale.

Foundationwhole

Line Slide

Lines slide up from below, one after another, for editorial copy.

Foundationper-line

Micro Scale Fade

Tiny per-character scale and fade — calm, almost subliminal.

Foundationper-character

Fade Through

Pure opacity crossfade — the quietest possible reveal.

Foundationwhole

Shared Axis X

Horizontal shared-axis swap — new slides in right, old exits left.

Foundationwhole

Shared Axis Y

Vertical shared-axis swap — new rises into the slot the old left.

Foundationwhole

Shared Axis Z

Depth shared-axis — new scales into focus as the old recedes blurred.

Foundationwhole

Blur Out Up

Text drifts up and dissolves into blur — the soft-blur-in exit.

Foundationper-character

Depth Parallax Words

Per-word reveal where each word lands on its own parallax plane.

Foundationper-word

Focus Pull

Cinematic focus pull from heavy blur to crisp, on the whole line.

Foundationwhole

Settle Scale

Text enters slightly oversized and resolves down with a soft blur.

Foundationwhole

Center-Out Reveal

Characters reveal outward from the word's center, symmetrically.

Foundationper-character

Edges-In Reveal

Characters converge inward from both edges toward the word's center.

Foundationper-character

Glyph Stamp

Words stamp in with a 3D rotateX hinge, like pressed onto the page.

Foundationper-word

Warm Up

Characters warm from a cool muted tone into the final brand color.

Foundationper-character

Glitch Flicker

Per-character jitter and flicker — for cyber and dev-tool contexts.

Foundationper-character

Scramble Reveal

Characters cycle through random glyphs to their final letter.

Foundationper-character

Letter Staircase Up

Letters rise from below in a sharp staircase, settling one by one.

Editorialper-character

Letter Staircase Down

Letters drop from above in a staged staircase, landing crisply.

Editorialper-character

Kinetic Center Build

Words enter from the right, pushing the line to stay centered.

Editorialper-word

Stack Drop

Words drop in from above into their own lines, stacking vertically.

Editorialper-word

Shared Slide

The phrase glides in as one motion while words fade in sequentially.

Editorialper-word

Spacing Collapse

Wide-spaced blurry letters collapse inward to their natural tracking.

Editorialper-character

True Focus Scan

Words snap from blur to crisp one by one, like a camera scanning.

Editorialper-word

Notification Slide-in

Toast slides in from the right with a soft fade and gentle overshoot.

SaaSwhole

Skeleton Shimmer Text

Skeleton shimmer that resolves into the final text — loading polish.

SaaSwhole

Counter Increment

Digits flip upward when values change — for live counters and KPIs.

SaaSper-character

Status Pulse

A single soft pulse on mount — for live status labels and dots.

SaaSwhole

Empty State Fade

Calm downward fade for empty states and zero-data screens.

SaaSper-line

Word Rotator

A single slot cycles through words with a soft vertical swap.

SaaSwhole

Token Stream Reveal

Tokens stream in blurred and resolve to clarity — AI streaming look.

AI streamingper-token

Decoder on Stream End

A brief glyph scramble at stream end, resolving into the final text.

AI streamingper-character

Caret Typewriter

Typewriter reveal with a live blinking caret trailing the cursor.

AI streamingper-character