All components
Tilt Card
CardsCard that tilts in 3D toward the pointer.
Orbit Analytics
Sub-second queries over billions of events.
Installation
Add it with the shadcn CLI:
$
pnpm dlx shadcn@latest add https://nawalkattel.com.np/r/tilt-card.jsonOr install manually
1. Install dependencies
pnpm add motion clsx tailwind-merge2. Copy the component source into
components/library/tilt-card.tsx
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| max | number | 12 | Maximum tilt in degrees. |
| className | string | - | Classes applied to the card. |
Accessibility
- Tilt is pointer-only - keyboard focus and reading order are untouched.
- Disabled under prefers-reduced-motion.
Dependencies
motionclsxtailwind-merge