design-infraReport a problem or share feedback← Catalog
Electric Logo
freereact-bits/electric-logo
Turns any SVG or PNG into a living lightning outline, with flowing strands, arcs that leap off the edges and a charge that follows the cursor.
$
npx shadcn@latest add @react-bits/ElectricLogo-TS-TWnpm deps: ogl
- Source
- React Bits
- Kind
- effect
- Categories
- logo-cloud
- Use as
- drop-in — replaces your component
- Applies to
- logo-cloud
- Motion
- on loop, cursor · expressive · webgl + canvas · high cost · respects reduced motion
- Tags
- animations, ogl
- Licence
- MIT + Commons Clause: free to use in commercial apps/sites, but you may not sell or redistribute the components themselves (alone, bundled, or ported). React Bits Pro is a separate paid product.
- Live demo
- www.reactbits.dev
- Docs
- www.reactbits.dev
Similar
Compare all 4 →- Logo Loopreact-bits/logo-loopLogo marquee with fade edges and hover-pause; supports node or image logos. fadeOutColor defaults to #0b0b0b/#fff — set it to your background.
- Logo cloudoc/logo-cloud'Trusted by' strip. Static wrapping row or infinite marquee with faded edges (pauses on hover, respects reduced motion). Text wordmarks when no SVG is given.
- Logo Cloud 2smoothui/logo-cloud-2Animated logo cloud block with infinite scroll