Border beam
A thin arc of light that sweeps the rounded border of any panel.
API reference
Components
<BorderBeam />
Wrapper that traces an animated beam around a panel's rounded border.
size?
Angular length of the lit streak, in degrees. Defaults to 120.
duration?
Seconds for one full lap. Defaults to 6.
thickness?
Thickness of the rim, in px. Defaults to 3.
delay?
Phase offset in seconds. Defaults to 0.
active?
Run the beam when true. Defaults to true.
className?
Merged onto the wrapping element.
children
The panel the beam traces.
Featured in
See the border beam composed into full sections.
