Tilt Card

Display

3D mouse-tracked tilt effect with optional glare highlight on hover.

Tilt Card — 3D mouse-tracked tilt with glare

🚀

Hover me

✨

Gradient

🎯

No glare

Instalação via CLI

$ npx kikitocn add tilt-card

Exemplo de uso

Tilt CardExample.tsx

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

export function TiltCardExample() {
  return (
    <TiltCard />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo do card
`maxTilt`	`number`	`15`	Ângulo máximo de inclinação (graus)
`scale`	`number`	`1.05`	Escala ao fazer hover
`perspective`	`number`	`1000`	Profundidade de perspectiva (px)
`glare`	`boolean`	`false`	Ativar efeito de reflexo
`className`	`string`	—	Classes CSS extras

Carregando…