Introduction Installation

Text based

Reveal Text Scramble Text Distort Text Squash Text Bouncing Text

Scroll based

Mouse Wave Text Reveal on Scroll Stagger on Scroll

Button

Text Fall Button Spring Button

Other

Draw Line Text Tilt Card Profile Peek

Flip Reveal Liquid Cursor

Components Blocks

Docs
Mouse Wave Text

Mouse Wave Text

Creates a wave-like bounce effect on text as the mouse moves across

Loading...

Installation

Examples

Skew

Set wrapperTweenVars with the code to skew the entire text

Loading...

Props

MouseWaveText

Prop	Type	Default
wrapperTweenVars	gsap.TweenVars	-
textClassName	string	-
shadowClassName	string	-

Inspired by Tom Miller's work

Previous

Bouncing Text

Next

Reveal on Scroll

On this page

Skew

MouseWaveText

Contribute

The source code is available on GitHub.