Bring headlines and microcopy to life with a set of GPU-smooth text animations: liquid displacement, sine-wave wobble, rainbow color cycling, and cinema-style flicker. Designed for mobile and web, fully tunable, and accessible by default.

Functionality

• Four effect families:

  • Liquid: flowing displacement with viscosity, tension, and ripple decay.

  • Wave/Wavy: sine or noise-driven vertical/horizontal wobble; amplitude, frequency, phase, and direction controls.

  • Colorize: gradient sweep / rainbow cycle, hue rotate, or palette steps; clamp or loop modes.

  • Flicker: film/neon flicker with random seeds, min/max opacity, jitter cadence.

• Per-letter / per-word targeting with stagger, delay curves, index offsets, and randomization.

• Timeline & easing: keyframes, yoyo/alternate, repeat counts, speed multiplier, custom bezier or spring easing.

• Triggers: on appear, on tap/hover, on scroll into view, or programmatic start/stop/seek.

• Styling: gradients, strokes, shadows, blend modes; theme & dark-mode aware.

• Performance & a11y: transform/opacity only, frame-throttling, Reduced Motion fallback, screen-reader friendly content.

Use cases

• Hero banners & landing pages needing premium motion.

• Branding & promo cards (sales, launches, countdowns).

• Music/entertainment, gaming, and event apps to match energetic UI vibes.

• Social posts/reels/story editors for animated captions.

• Onboarding and empty states where subtle motion improves guidance.

• Status/feedback text (live, recording, typing, “now playing”).

Keywords
liquid text, wavy text, colorize, hue rotate, rainbow text, flicker animation, neon/glitch, per-character animation, stagger, keyframes, easing, loop/yoyo, GPU transforms, mobile-first, Flutter/React/Web, accessibility, motion design.