LogoLogoLogoLogoPaceKit
BlocksGSAP
GSAP
  • Introduction
  • Installation
  • AI Toolkit
  • Modal Selector
  • Modal Ability Selector
  • AI Suggestions
  • Response Writer
  • Token Counter
  • Text Effects
  • Reveal Text
  • Scramble Text
  • Squash Text
  • Bouncing Text
  • Draw Line Text
  • Mouse Wave Text
  • Dot Animations
  • Dot Loader
  • Dot Flow
  • Flow Builder
  • Buttons
  • Text Fall Button
  • Spring Button
  • Utility & Misc
  • Swap
  • Animated Stack
  • Layered Stack
  • Gradient Shadow
  • GitHub Star Counter
  • Profile Peek
  • Flip Reveal
  • Special Cases
  • Reveal On Scroll
  • Stagger on Scroll
  • Liquid Cursor
  • Liquid Glass
  • Tilt Card

Mouse Wave Text

PreviousNext

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

Examples

Skew

Set wrapperTweenVars with the code to skew the entire text

Props

MouseWaveText

PropTypeDefault
wrapperTweenVarsgsap.TweenVars-
textClassNamestring-
shadowClassNamestring-
Inspired by Tom Miller's work
Draw Line TextDot Loader

Built by Denish at PaceKit

On This Page

ExamplesSkewPropsMouseWaveText

Better Auth Starter

Ship your SaaS faster with a solid starting point for TanStack Start and Next.js

Launch Now