Tilt

An effect that allows you to animate elements with a tilt effect on mouse hover.

Preview

Code

Open in

Dark Grey

Matt Mug

$20

Tilt

maxTilt

perspective

Installation

CLI

Manual

Usage

<Tilt>
  <TiltContent>Tilt</TiltContent>
</Tilt>

API Reference

Tilt

Prop	Type	Default
asChild?	boolean	false
maxTilt?	number	10
perspective?	number	800
transition?	SpringOptions	{ stiffness: 300, damping: 25, mass: 0.5 }
...props?	HTMLMotionProps<"div">	-

TiltContent

Prop	Type	Default
asChild?	boolean	false
...props?	HTMLMotionProps<"div">	-