Components
353 components and effects, grouped by the job they do. Each one runs live on its page, with its source beside it.
33 results
Text Animations 33
Headlines and labels that move: reveals, scrambles, loops and type effects.
- ASCII Text
Renders text as a 3D plane and converts it to ASCII characters in real time, with optional wave motion and pointer tilt.
- 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.
- Count Up
Animated number counter supporting formatting and decimals.
- Curved Loop
Flowing looping text path along a customizable curve with drag interaction.
- Decrypted Text
Hacker-style decryption cycling random glyphs until resolving to real text.
- Depth Text
Layered extruded type with parallax that shifts against the pointer.
- Echo Text
Ghosted copies trail behind the text and settle into a single word.
- Falling Text
Characters fall with gravity + bounce creating a playful entrance.
- Fold Text
Lines unfold into place like creased paper opening flat.
- Fuzzy Text
Vibrating fuzzy text with controllable hover intensity.
- Glitch Text
RGB split and distortion glitch effect with jitter effects.
- Gradient Text
Animated gradient sweep across live text with speed and color control.
- Particle Text
Text assembles from drifting particles that scatter and reform on demand.
- Refracted Text
Glass letters with an optional character lift, adjustable opening flow, customizable glass, beam and spectral colors, original font contours and a refracted beam.
- Rotating Text
Cycles through multiple phrases with 3D rotate / flip transitions.
- Scrambled Text
Detects cursor position and applies a distortion effect to text.
- Scroll Float
Text gently floats / parallax shifts on scroll.
- Scroll Reveal
Text gently unblurs and reveals on scroll.
- Scroll Velocity
Text marquee animation where speed and distortion scale with the user's scroll velocity.
- Shiny Text
Metallic sheen sweeps across text producing a reflective highlight.
- Shuffle
Animated text reveal where characters shuffle before settling.
- Split Flap Text
Mechanical split-flap departure board that clacks through to each new phrase.
- Split Text
Splits text into characters / words for staggered entrance animation.
- Stroke Text
Outlined letterforms draw themselves on, then flood with fill.
- Tech Text
A canvas wordmark that turns into dashed vector outlines under the pointer, with a selection frame, labels and draggable letters.
- Text Cursor
Make any text element follow your cursor, leaving a trail of copies behind it.
- Text Loop
A seamless text marquee that flows along curved SVG paths.
- Text Pressure
Characters scale / warp interactively based on pointer pressure zone.
- Text Type
Typewriter effect with blinking cursor and adjustable typing cadence.
- True Focus
Applies dynamic blur / clarity over a series of words in order.
- Variable Proximity
Letter styling changes continuously with pointer distance mapping.
- Warp Text
WebGL warp that bends and refracts the text around the pointer.
