Components
A wrapper that adds an animated, gradient glowing shadow behind its child on hover.
Loading preview...
import { GradientShadow } from "@/components/ui/gradient-shadow";
export default function GradientShadowDemo() {
return (
<div className="flex min-h-[320px] w-full items-center justify-center bg-background p-10">
<GradientShadow>
<button className="rounded-xl border border-border bg-card px-8 py-4 text-base font-medium text-card-foreground shadow-sm transition-colors">
Hover me
</button>
</GradientShadow>
</div>
);
}