Electric Border

Jittery electric energy border with animated arcs, glow and adjustable intensity.

Default

Wrap any block in ElectricBorder. Switch between the card, button and circle to see the border follow each shape.

Featured

An electric border for shocking your users, the right way.

Livev1.0

Example

Color

Speed1

Chaos0.12

Border Radius16px

Prop	Type	Default	Description
`color`	`string`	`"#5227FF"`	Stroke/glow color. Any CSS color (hex, rgb, hsl).
`speed`	`number`	`1`	Animation speed multiplier (higher = faster).
`chaos`	`number`	`0.12`	Distortion intensity (0 = no distortion, higher = more chaotic).
`borderRadius`	`number`	`24`	Border radius in pixels for the electric border path.

Prop	Type	Default	Description
`default`	`slot`	-	Content rendered inside the bordered container. The original takes it as children.

Keyboard shortcuts and ARIA behavior.

The border is a decorative canvas with pointer events off, so the wrapped content keeps its own focus and semantics.