---
title: "WaveText on Hover — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Louisa Young · Text. Letters ripple up on hover"
canonical: "https://framer.elliotli.dev/component/wavetext-on-hover"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/WaveText on Hover

# WaveText on Hover

Letters ripple up on hover

[View on Framer](https://framer.com/marketplace/components/wavetext-on-hover/?via=elliot-li)

![WaveText on Hover preview image 1](https://framer.elliotli.dev/og/component/wavetext-on-hover/82a345a49b667417/1600x1200.jpg)

## Summary

Letters ripple up on hover

## Description

### **About**

Static text is invisible. Text that moves is remembered.

WaveHoverText 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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10451

## Details

- **Author**: Louisa Young
- **Price**: $5.00
- **Published**: 2026-07-23
- **Updated**: 2026-07-24
- **Added**: 2026-07-23
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos