GlowBorder
An animated glowing border effect. Place inside an element with position: relative.
Basic Usage
Content goes here
Custom Colors
Use the color prop with a single color or an
array.
Cyan
Pink
Gold
Multi-Color Gradient
Pass an array of colors for a gradient glow effect.
Blue → Purple
Rainbow
Sunset
Border Width
Adjust thickness with borderWidth.
1px
3px
5px
Animation Speed
Control speed with duration (in seconds).
Fast (3s)
Default (10s)
Slow (20s)
Border Radius
Match your container's border radius with borderRadius.
Square (0)
Rounded (8)
Circle
Card Example
Premium Feature
This card has a beautiful animated glow border that draws attention.