Components
Tilt Card
A card that tilts in 3D perspective toward the cursor, with a subtle glare that follows the mouse. Wrap any content — works as a container.
Preview
Tilt Card
Hover to see the 3D tilt and glare effect.
Installation
npx shadcn@latest add https://orbit.ruturaj.xyz/r/tilt-cardProps
| Prop | Type | Default | Description |
|---|---|---|---|
| maxTilt | number | 15 | Maximum tilt angle in degrees |
| glare | boolean | false | Show a glare overlay that follows the cursor |
| scale | number | 1.03 | Scale factor applied on hover |
| image | string | — | Optional image URL rendered at the top of the card |
| className | string | — | CSS classes for rounding, border, background, padding |