Spotlight Card
<div style="position:relative;max-width:320px;border-radius:24px;border:1px solid rgba(255,255,255,0.1);padding:32px;background:#0f172a;overflow:hidden"><div style="position:absolute;top:20%;left:30%;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,0.4) 0%,transparent 70%);filter:blur(30px);pointer-events:none"></div><h3 style="margin:0 0 8px;font-size:1.2em;color:#fff;position:relative">Spotlight Card</h3><p style="margin:0;color:rgba(255,255,255,0.6);font-size:0.9em;position:relative">A card with a soft spotlight glow effect using radial gradient.</p></div>Customize
#6366f1
px
px
Props
| Name | Type | Default | Description |
|---|---|---|---|
text | text | Spotlight Card | Displayed text |
glowColor | color | #6366f1 | Spotlight glow color |
borderRadius | slider (px) | 24px | Corner roundness |
padding | slider (px) | 32px | Inner spacing |
Card with radial spotlight gradient overlay