Electric Border
Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.
Use Electric Border in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/ElectricBorder-TS-TWRelated components
- Electric Logo
Turns any logo into a living lightning outline, with arcs that leap off its edges.
- Crystalized Ball
A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.
- Glare Hover
A glossy light streak that sweeps across any element in the direction the cursor moves.