Organic plasma gradients swirl + morph with smooth turbulence.
Every prop is wired to the controls underneath. The render scale, DPR cap and frame rate trade detail for GPU load.
| Prop | Type | Default | Description |
|---|---|---|---|
color | string | "#ffffff" | Hex color to tint the plasma effect. |
speed | number | 1.0 | Animation speed multiplier. Higher values = faster animation. |
direction | 'forward' | 'reverse' | 'pingpong' | 'forward' | Animation direction. 'pingpong' oscillates back and forth. |
scale | number | 1.0 | Zoom level of the plasma pattern. Higher values zoom in. |
opacity | number | 1.0 | Overall opacity of the effect (0-1). |
mouseInteractive | boolean | true | Whether the plasma responds to mouse movement. |
renderScale | number | 0.55 | Internal render resolution multiplier. 1 = full res, 0.5 = quarter the pixels. Lower values improve performance. |
maxDpr | number | 1.5 | Hard cap on devicePixelRatio used for rendering. Lower values improve performance on high-DPI screens. |
targetFps | number | 60 | Target frame rate for the animation loop. Lower values reduce CPU/GPU load. |
iterations | number | 60 | Raymarch step count. Lower is cheaper but less detailed. Higher values produce smoother plasma. |
lightMode | boolean | false | Renders the plasma as ink on a white background. |
Keyboard shortcuts and ARIA behavior.