Introduction Installation MCP

AI Toolkit

Modal Selector Ability Selector AI Suggestions Response Writer

Text Effects

Reveal Text Scramble Text Distort Text Squash Text Bouncing Text Draw Line Text Mouse Wave Text

Dot Animations

Dot Loader Dot Flow Flow Builder

Button Components

Text Fall Button Spring Button

Utility & Misc

Gradient Shadow

Github Star Counter Profile Peek Flip Reveal

Special Cases

Reveal on Scroll Stagger on Scroll Liquid Cursor Liquid Glass Tilt Card

Components Blocks Boilerplate

Search

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

Draw Line Text

Next

Dot Loader

On this page

Skew

MouseWaveText

Contribute

Built by Denish. The source code is available on GitHub.