Astra

Electric Logo

Turns any logo into a living lightning outline, with arcs that leap off its edges.

Electric Logo, a Astra component

Use Electric Logo 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/ElectricLogo-TS-TW
How to install Astra components

Related components

  • Electric Border

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

  • Elastic Mesh

    Turns text or any logo into a puffy inflated shape you can press, poke and stretch like jelly.

  • Star Border

    A twinkling star that travels the exact outline of any button, pill or card, trailing light and stardust.