MC—01

Depth, on hover.

Move your cursor across the card.

Controls

maxTilt°

perspectivepx

scale

glare

glareOpacity

reverse

Tilt Card

3D perspective tilt that follows the pointer, with optional glare.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/tilt-card

import { TiltCard } from "@/components/tilt-card"

export function Demo() {
  return (
    <TiltCard className="h-72 w-56 bg-neutral-900">
      {/* card content */}
    </TiltCard>
  )
}

Updates live as you change the controls. Only non-default props are included.