Components
Glowing Shadow
The component features a rotating, color-cycling glow that responds beautifully to hover interactions with enhanced blur, opacity, and scale effects.
import { GlowingShadow } from "@/components/ui/glowing-shadow";
export default function DemoOne() {
return (
<div className="flex items-center justify-center">
<GlowingShadow>
<span className="pointer-events-none z-10 m-8 text-center text-9xl leading-none font-semibold tracking-tighter text-white">
Glowing Shadow
</span>
</GlowingShadow>
</div>
)
}