Usage
import { TiltCard } from "@/registry/components/tilt-card/tilt-card";
<TiltCard>Label</TiltCard>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | ||
max? | number | 12 | Maximum tilt in degrees. |
glare? | boolean | true | Draw a soft glare that follows the pointer. |
className? | string |
When to use
Hero cards, product shots or profiles that react to the pointer.
When not to use
Dense UIs or anything users click repeatedly.