Skip to content

component

Wave Text FX

By Saeef

Details

Summary

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.

Description

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.

Introduction

Cursor reactive wave text animation

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600172658/148/228/309/79/15
  • All · #7088