Animated Wavy Text
A fully customizable, smooth text animation component built with Framer Motion.
Make it with Workshop
Build your own component with AI
About this Component
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.
