Vibrant, looping typography where each line of text flows along a sine-wave path and is filled with dynamic gradients (rainbow or custom). Ideal for drawing attention to short messages without using heavy motion graphics.

Functionality

• Per-character wave deformation (amplitude, frequency, speed, phase).

• Linear/radial gradients, rainbow cycling, solid fills, or image/shader masks.

• Outline, glow/shadow, and blend-mode options for contrast on any background.

• Multi-line support, letter/word spacing, kerning, and baseline offset controls.

• Play/pause, hover/onTap interactions, and randomize presets.

• Performance-optimized (GPU shaders/canvas), 60fps on modern devices.

• Accessible: readable fonts, adjustable contrast, reduced-motion fallback.

• Works across platforms (Flutter/SwiftUI/Jetpack Compose/React Native/Web).

Use cases

• Hero banners and onboarding screens that need a memorable headline.

• Promo cards, event pages, and seasonal campaigns (e.g., “Summer Sale”).

• Meditation/wellness apps (“Relax & Flow”) and creative tools.

• Social stories/reels, countdowns, and splash/loading experiences.

• Kids/education apps, music/entertainment titles, and festival microsites.

Keywords
animated text, wavy text, sine wave typography, gradient text, rainbow text, shader mask, per-glyph transform, neon/glow headline, motion UI, attention-grabbing banner, Flutter text animation, React Native text effect, SwiftUI animation