Framer WaveText on Hover Component
About
Static text is invisible. Text that moves is remembered.
WaveText on Hover turns an ordinary word into a moment — each letter lifts in sequence when a cursor arrives, then quietly settles back. The interaction takes less than half a second. The impression lasts.
It is the difference between a site that loads and a site that responds.
Use Cases
The effect works wherever text earns a reaction:
- Navigation menus — make every nav link feel like it knows the cursor is there
- CTA buttons — "Get Started" hits differently when it ripples
- Titles of clickable cards — tells visitors this card goes somewhere by answer them back
- Portfolio link labels — signal craft before the work loads
- Footer links — the part of a site most people forget; the part visitors remember when it moves
- Pill-shaped tags and labels — small surface, outsized personality
Fits into agency sites, creative portfolios, fashion and editorial layouts, hospitality and restaurant pages, SaaS marketing sites, and any project where the brief includes the word premium.
Customizable properties
- Content
- Font (family, weight, size, align etc.)
- Text Color
- Wave Height
- Stagger (ms between each letter's start)
- Transition
- Direction (which way the wave ripples across the letters)
- Padding
- Radius
- Border
Wondering if WaveText on Hover Component is the website animation you want? Have a preview before purchasing. Once purchased, double click the URL file to remix the template.
Refund Policy:
Given the digital nature of this product, all sales are final and non-refundable. If you have any problems receiving or downloading the product, please feel free to contact me for assistance.
By purchasing this template, you agree to the following terms:
- You may not claim authorship or original design credit for this template. Please do not present it as your own original design work.
- You may not resell, redistribute, or re-license this template or its derivatives as a standalone product (e.g., as a template or theme).