Tilt Effect
Hover to see a smooth 3D perspective tilt powered by Framer Motion.
Installation
Usage
import { TiltCard } from "@/components/pioneerui/tilt-card"
export default function Card() {
return (
<TiltCard tiltAmount={12} glare>
<h3>Tilt me</h3>
</TiltCard>
)
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
tiltAmount | number | 10 | Maximum tilt angle in degrees |
glare | boolean | true | Whether to show a glare overlay |
children | React.ReactNode | undefined | Card content |
className | string | undefined | Additional CSS classes for the wrapper |