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
Tilt Card

Tilt Card

Interactive 3D tilt card that responds to cursor, adds depth and motion.

Loading...

Installation

Examples

Custom Spotlight

Set hightlightClass to customize the highlight shadow, however, you like.

Loading...

High Tilt

Set maxTilt to create a more dramatic tilt effect.

Loading...

Props

TiltCard

Prop	Type	Default
maxTilt	number	10
wrapperClassName	string	-
highlightClassName	string	-

Previous

Draw Line Text

Next

Profile Peek

On this page

Custom Spotlight
High Tilt

TiltCard

Contribute

The source code is available on GitHub.