What it does
Electric Border brings stunning, animated electric borders to your apps and designs. Using advanced SVG filters and turbulence noise, it creates realistic, shimmering electric effects around any box or element. Customize everything: pick vibrant colors, tweak animation speed from subtle pulses to wild arcs, dial chaos for distortion intensity, and set thickness up to 8 units.
The effect stacks multiple glow layers for luminous depth—main border distorts with scrolling noise patterns, backed by blurred static glows for that authentic plasma look. Perfect for sci-fi UIs, gaming overlays, or futuristic cards. Works seamlessly in Framer, web, or mobile projects. No JavaScript needed; pure CSS/SVG power.
Inspired by cutting-edge web techniques, it turns static frames into living energy fields. See previews: single customizable square with controls, multi-box electric demos in cyan, yellow, red. Elevate your visuals instantly
What you getwith Electric Border
Customizable color and glow
Adjustable speed and chaos levels
Variable thickness and radius
Dynamic electric distortion effect
