Tilt Card
3D card that tilts toward the cursor with a moving glare highlight, and springs back when the cursor leaves.
Import
import { TiltCard } from "@igorao79/uivix";Examples
Credit card
Hover to tilt
UIVIX
4242 4242 4242 4242
Jane Doe12/29
Subtle
Smaller tilt, no glare
Subtle tilt
Good for dense grids of cards.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| maxTilt | number | 12 | Max rotation in degrees |
| scale | number | 1.03 | Scale while hovered |
| glare | boolean | true | Show a moving glare highlight |
| perspective | number | 900 | CSS perspective in px |
| className | string | - | Additional CSS classes |