Wave Text
Add interactive, cursor-driven wave text animation to your Framer projects — perfect for headlines, landing pages, and brand statements.
Make it with Workshop
Build your own component with AI
An elegant wave text animation component for Framer — transform static words into interactive motion that follows the cursor. Each line responds independently, creating a smooth and engaging wave text animation effect that’s ideal for hero sections, landing pages, and brand headlines.
✨ Features
Cursor-controlled elegant wave text animation on individual characters
Line-specific interaction — only the hovered line animates
Natural text wrapping with proper word boundaries
Adjustable animation strength, duration, and character delay
Full typography controls: font, size, weight, alignment, spacing
Smooth 60fps performance for modern designs
Fully responsive and adapts to any container
🛠 How to Use Wave Text Animation
Add the component to your Framer canvas
Enter your text in the “Main Text” property
Customize fonts, size, alignment, and line height
Adjust wave intensity, duration, and delay
Choose text color to match your design
Preview to see the elegant wave text animation in action
💡 Best ForHero headlines · Landing pages · Brand statements · Call-to-actions · Portfolios · Product announcements
Bring your typography to life with an elegant wave text animation — a refined, interactive effect designed for standout modern designs.
