3DClient component

Tilt Card

A perspective wrapper with pointer-driven rotation, dimensional content and a glare layer.

Move over the card to change its angle

Spatial surface

Change the angle

Usage

tsx

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

export function Demo() {
  return <TiltCard intensity={18}>Your content</TiltCard>
}