Back
Tilt Card
Satu Visual ComponentNew
A card that tilts in 3D toward the cursor.
Tilt Card
Hover and move — the card tilts toward your cursor.
Installation
Add it with the CLI:
Terminal
$
Or open the Code tab above and copy it in manually — it relies on the standard cn() helper from @/lib/utils.
Usage
Hover and move the cursor — the card rotates in perspective. Resets on mouse leave.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Card content. |
| className | string | — | Extra classes. |
| intensity | number | 12 | Max tilt in degrees. |