Animated Wavy Text

Add life to your text with wave animatio

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.