Browse components
Electric Logo
Pulses of glowing current race along any SVG outline, flickering and arcing as they go.
Installation
npx shadcn@latest add @glint-ui/electric-logoFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/electric-logo.json
Usage
import { ElectricLogo } from "@/components/ui/electric-logo";
<ElectricLogo path="M100 18 L171 59 ..." color="#c6ff3d" label="Acme" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| path | string | — | SVG path data in a 200×200 viewBox. Defaults to a bolt in a hexagon. |
| size | number | 240 | Rendered size in px. |
| color | string | "#c6ff3d" | Current and glow color. |
| speed | number | 1 | Current speed multiplier. |
| jitter | number | 3 | Px of electric jitter. |
| glow | number | 1 | Glow strength multiplier. |
| strokeWidth | number | 2.5 | Stroke width in viewBox units. |
| label | string | — | Accessible name; omit for a decorative logo. |
| className | string | — | Extra classes for the root element. |