Back to Components
Interactive
3D Tilt Card
Card that tilts based on mouse position with 3D effect
React
Framer Motion
TypeScript
3D Tilt Card
Move your mouse to see the tilt effect
Installation
This component requires the following dependencies:
npm install framer-motionProps
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Card content |
| className | string | - | Additional CSS classes |
| tiltAmount | number | 10 | Maximum tilt in degrees |