Animated Wavy Text

Show Preview
Animated Wavy Text
Animated Wavy Text

About Animated Wavy Text

Bring your typography to life with the Wave Text component. This lightweight, React-based component allows you to add a fluid, rhythmic wave effect to any headline or label without writing a single line of code.

Built natively on Framer Motion, it ensures buttery smooth 60fps performance across all devices.

✨ Key Features:

  • Full Typography Control: Customize Font Family, Weight, Size, and Color directly from the sidebar.

  • Animation Physics: Tweak the Wave Height (amplitude), Speed, and Delay to create anything from a gentle ripple to a high-energy bounce.

  • Dynamic Stagger: Automatically calculates delay based on text length for a perfect loop every time.

  • Smart Spacing: Handles multi-word sentences and spaces correctly.

Perfect for: Hero sections, loading screens, coming soon pages, and playful UI accents.

Wave Text
Wave Text

From Divyesh WebCraft

TextGravity
Curved Marquee
ScrollSync Video
Simple Pie Chart

Related Components

Animated Colour Typo
Animated Text Reveal
NR — Text Reveal
METABALLTEXT