React UI effect components
Border beams, animated connection beams, blur-fade reveals and a pointer-following glowing border — small effects that add polish to cards and sections.
4 components · free and MIT licensed · install any of them with the shadcn CLI
Animated Beam
Draws an animated connection between any two elements.
0s
0.15s
0.3s
Blur Fade
The workhorse entrance — blur, fade and drift into view.
<BorderBeam />
Border Beam
A beam of light traveling around any border.
Follows your pointer
Bring the cursor near any edge and the border lights up where you are.
Learn moreGlowing Effect
Border glow that follows the pointer around a card's edge as it comes near.