Wave Text FX

Wave Text FX is a refined wave text animation component built for Framer that transforms static typography into an interactive motion experience driven by cursor movement.

Wave Text FX is a refined wave text animation component built for Framer that transforms static typography into an interactive motion experience driven by cursor movement.

It animates characters with smooth wave-like motion while keeping each text line independently interactive, creating a controlled and elegant response instead of full-block distortion.

Key features include

• Cursor-controlled wave animation applied at character level

• Line-specific interaction so only hovered lines animate

• Natural word wrapping with preserved readability and structure

• Adjustable wave intensity, animation duration, and character delay

• Full typography control including font, size, weight, alignment, and spacing

• High-performance 60fps animation optimized for modern web experiences

• Fully responsive behavior across all container sizes

How to use

• Add the Wave Text FX component to your Framer canvas

• Enter your desired text in the main text property

• Customize typography including font, size, alignment, and spacing

• Adjust wave intensity, speed, and delay settings

• Set text color and styling to match your design system

• Preview to interact with the wave animation effect

Best for

• Hero headlines and landing page intros

• Brand statements and marketing messages

• Call-to-action sections and product launches

• Portfolio introductions and creative showcases

Wave Text FX brings typography to life with smooth, cursor-driven motion that enhances engagement and adds a modern interactive feel to any design.