React Bits

Electric Border

Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.

Electric Border, a React Bits component

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-TW
How to install React Bits components

Related 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.