Magic Card
A card with a spotlight gradient border that follows the mouse.
Preview
Magic
Card
Installation
bash
npx auralix-ui add magic-cardUsage
Magic Card Grid
tsx
import { MagicCard } from "@/components/ui/MagicCard";
<MagicCard className="p-8">
Content
</MagicCard>Props
| Name | Type | Default | Description |
|---|---|---|---|
gradientSize | number | 200 | Size of the spotlight. |
gradientColor | string | "#262626" | Color of the spotlight. |
On this page