Docs
Border Beam Button
border-beam glow around shadcn Button and compact icon button variants
Border beam
className targets the shadcn Button; borderBeamClassName styles the beam wrapper. Use colorVariant, beamSize, and active to tune the effect.
Outline and secondary read well against the beam; default adds a stronger fill.
Same outline button; swap the beam palette.
sm keeps a tight glow on controls; md is fuller; line is a bottom traveling accent.
Icon buttons default to icon sizing; pair with lucide icons.
Toggle the beam without hiding the button. Respects prefers-reduced-motion.
Tip: pause leaves the button fully clickable; the glow stops.
Pro workflow
Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.
Get Propnpm add border-beam
button component if you do not already have it.Source code is available for Pro members.
Upgrade to copy and use these components in your projects.
View pricing