TiltCard

Mouse-follow 3D tilt effect with optional glare.

Preview

Move your mouse over me!

bash

npx auralix-ui add tilt-card

tsx

import { TiltCard } from "@/components/ui/TiltCard";

<TiltCard className="p-6">
  <h3>Hover over me!</h3>
</TiltCard>

Name	Type	Default	Description
`children`	`ReactNode`	`-`	Card content.
`maxTilt`	`number`	`15`	Maximum tilt angle in degrees.
`scale`	`number`	`1.02`	Scale on hover.
`glare`	`boolean`	`true`	Show glare effect.

On this page