Radial Glow
Move your cursor over this card to see a radial glow follow your mouse.
Pink Glow
Customize the glow color with any rgba value for your brand.
Installation
Usage
import { GlowCard } from "@/components/pioneerui/glow-card"
export default function Feature() {
return (
<GlowCard glowColor="rgba(99,102,241,0.15)">
<h3>Feature title</h3>
<p>Feature description</p>
</GlowCard>
)
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
glowColor | string | rgba(99,102,241,0.15) | Glow radial gradient color |
glowSize | number | 300 | Glow circle size in pixels |
children | React.ReactNode | undefined | Card content |
className | string | undefined | Additional CSS classes |