About this Template

Make headlines pop with vibrant, looping typography where each line rides a smooth sine wave 🌊 and shines with dynamic gradients 🌈 or your own palette. Lightweight, accessible, and perfect for eye-catching copy — without heavy motion graphics.

 

Functionality ⚙️

  • Per-character wave controls: amplitude, frequency, speed, phase.

  • Fills: linear/radial gradients, rainbow cycling, solid colors, or image/shader masks.

  • Styling: outline, glow/shadow, blend modes for perfect contrast on any background.

  • Layout: multi-line support, letter/word spacing, kerning, baseline offset.

  • Interactions: play/pause, hover/onTap, randomize presets 🎲.

  • Performance: GPU shaders/canvas, tuned for 60fps on modern devices ⚡.

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

  • Cross-platform: Flutter / SwiftUI / Jetpack Compose / React Native / Web 🌐.

Use cases 💡

  • Hero banners & onboarding headlines that stick in memory.

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

  • Wellness apps (“Relax & Flow”), creative tools, and splash/loading screens.

  • Social stories/reels, countdowns, and festival microsites.

  • Kids/education titles, music & entertainment apps.

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, animated gradient text widget, flutterflow widget, flutterflow component.

Animated Wavy Gradient Text

What's included
Framework:
Flutter 3.24+ / Dart
Platforms:
iOS & Android
Compatibility:
Cursor, Claude, FlutterFlow, Codex, Antigravity.
Design system:
Editable Figma file included
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.