---
title: "GSAP Wavy Text — Framer component · Best of Framer"
description: "$8.00 · Framer component · by THE DESIGN FUTURIST · Text. A wavy effect on hover or layer in view."
canonical: "https://framer.elliotli.dev/component/gsap-wavy-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/GSAP Wavy Text

# GSAP Wavy Text

A wavy effect on hover or layer in view.

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

![GSAP Wavy Text preview image 1](https://framer.elliotli.dev/og/component/gsap-wavy-text/eef637849906b0a8/1600x1200.jpg)

## Summary

A wavy effect on hover or layer in view.

## Description

A powerful GSAP text animation component for Framer that creates a wavy effect on hover or layer in view. It offers a range of customizable properties, including precise animation controls.

### Customizable Properties

1.  Text
    
2.  HTML Tag
    
    -   H1~H6, p, span
        
3.  Font
    
4.  Font Color
    
5.  Line Height
    
6.  Words Break
    
    -   Keep All / Break All
        
7.  Interaction
    
    -   Hover / Layer in View
        
8.  Split By _\*if (interaction === 'Hover')_
    
    -   Word / Line
        
9.  Revert on Exit _\*if (interaction === 'Hover')_
    
    -   Yes / No
        
10.  Replay _\*if (interaction === 'Layer in View')_
     
11.  Delay _\*if (interaction === 'Layer in View')_
     
12.  Threshold _\*if (interaction === 'Layer in View')_
     
13.  Stagger
     
14.  Duration
     
15.  Easing Presets
     
     -   Back / Power1 / Power2 / Power3
         
16.  Effect Area
     

### Have Questions?

[hello@thedesignfuturist.zip](mailto:hello@thedesignfuturist.zip)

[![THE DESIGN FUTURIST : Framer Component Library](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-wk1n2yti-2OjtCblXid8aiTMp3WfMkkC9vzCBur)](https://thedesignfuturist.zip)THE DESIGN FUTURIST : Framer Component Library

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

-   All · #8315

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $8.00
- **Published**: 2025-11-26
- **Updated**: 2026-06-04
- **Added**: 2025-11-24
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing