← DOCS
effects

ElectricBorder

Animated electric border with turbulent noise distortion and glow effects.

npx chaos add electric-border

PREVIEW

⚡ELECTRIC⚡

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { ElectricBorder } from '@oalacea/chaosui/effects/electric-border';

<ElectricBorder>
  <div>Content with electric border</div>
</ElectricBorder>
<ElectricBorder color="#ff0040" chaos={2} thickness={3}>
  <button>High Voltage</button>
</ElectricBorder>

PROPS

PropTypeDefault
childrenChild elements to wrap
ReactNode-
colorBorder color (hex)
string"#5227FF"
speedAnimation speed (1 = normal, higher = faster)
number1
chaosChaos/turbulence intensity
number1
thicknessBorder thickness in pixels
number2
classNameCustom className
string""
styleCustom styles
React.CSSProperties-