Tilt Card
A 3D tilt effect card on hover.
npx arupui add tilt-card
Preview
Tilt Card
Move your mouse over this card.
Usage
tilt-card.tsx
import { TiltCard } from "@/components/blocks/tilt-card"
<TiltCard>
<h3>Content</h3>
</TiltCard>Props
| Prop | Type | Default |
|---|---|---|
maxTilt | number | 15 |
perspective | number | 1000 |
glareEnable | boolean | true |
maxTiltType:
numberDefault: 15perspectiveType:
numberDefault: 1000glareEnableType:
booleanDefault: true