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
Text Fall Button

Text Fall Button

A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.

Loading...

Installation

Props

TextFallButton

Prop	Type	Default
effectOnHover	boolean	true
effectOnLoad	boolean	true

Inspired by Josh Dillon's work

Previous

Stagger on Scroll

Next

Spring Button

On this page

TextFallButton

Contribute

The source code is available on GitHub.