← DOCS
backgrounds

PlasmaWave

Retro plasma wave effect with canvas-based animation and customizable colors.

npx chaos add plasma-wave

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { PlasmaWave } from '@oalacea/chaosui/backgrounds/plasma-wave';

<PlasmaWave />
<PlasmaWave colors={['#ff0000', '#0000ff']} intensity={0.8} />
<PlasmaWave complexity={5} speed={1.5} />

PROPS

PropTypeDefault
colorsArray of plasma colors (min 2)
string[]["#ff006e", "#8338ec", ...]
speedAnimation speed multiplier (0.1 - 3)
number1
complexityWave complexity - overlapping waves (2-6)
number3
intensityWave intensity/amplitude (0.1 - 1)
number0.5
scaleCanvas scale for performance (0.5 - 2)
number1
positionPosition the plasma effect
"fixed" | "absolute""fixed"