Components
Cyber Circuit
Static SVG circuit traces entering from the corners with glowing terminal nodes. Configurable colors, line weight, dot style, and glow intensity.
npx neonblade add cyber-circuitCYBER CIRCUIT
Static, responsive circuit traces with configurable nodes and line weight.
Props Configuration
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | undefined | Additional CSS classes to apply to the container. |
color | string | #00f3ff | The CSS color string for the circuit traces and nodes. |
opacity | number | 0.6 | The opacity of the circuit background (0.0 to 1.0). |
lineThickness | number | 2 | Base thickness of the circuit traces. |
dotSize | number | 3 | Base radius used for terminal node circles. |
dotType | "filled" | "outline" | "filled" | Node style variant for circuit endpoints. |
glowColor | string | #00f3ff | Glow color applied to lines and terminal nodes. |
glowIntensity | "none" | "soft" | "medium" | "strong" | "medium" | Controls glow strength. Use "none" for a fully flat, non-glowing style. |