Text Wave Animation
A refined text animation component where each character moves in a seamless cascading wave. Designed for loading states, hero sections, and motion-focused interfaces.
About this Component
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
