Text Wave Animation

Cascading text wave animation

WaveText is a lightweight Framer component that transforms static typography into a smooth, rhythmic motion experience.

Each character animates independently with staggered timing, creating a continuous wave effect that feels fluid and intentional. Built with Framer Motion, the component is fully customizable directly inside Framer’s property panel.

Perfect for:

• Loading states

• Hero headlines

• Interactive landing pages

• Motion-driven UI systems

• Experimental typography

Features:

• Infinite wave animation loop

• Adjustable animation duration

• Custom delay between characters

• Configurable wave height

• Full typography controls

• Responsive and lightweight

• Built for Framer