A storm of glowing filaments, like a thought firing
| Name | Type | Default | Description |
|---|---|---|---|
speed | number | 0.6 | Playback rate of the storm. |
iterations | number | 12 | Feedback passes per pixel, 2 to 24. More passes add finer filaments at a GPU cost. |
scale | number | 1 | Zoom of the field; larger values pull the storm closer. |
radius | number | 0.9 | Radius of the visible orb as a fraction of the panel height. |
edgeSoftness | number | 1 | Width of the orb's fade-out as a fraction of its radius. |
intensity | number | 1.1 | Overall glow intensity. |
contrast | number | 2 | How readily filaments bloom to the hot colour. |
flicker | number | 0.6 | Amplitude of the slow breathing pulse, 0 to 1. |
complexity | number | 1 | Growth of detail across passes; higher packs tighter lattices. |
turbulence | number | 2 | Strength of the non-linear feedback that tangles filaments. |
twist | number | 0 | Extra rotation folded in between passes; 0 keeps the classic shear. |
density | number | 1.5 | Spread of the filament lattice. |
color | string | "#475eff" | Colour of the glow body. |
hotColor | string | "#ffffff" | Colour the brightest filaments bloom towards. |
backgroundColor | string | "#000000" | Panel backdrop, or "transparent". |
opacity | number | 1 | Master opacity of the effect. |
cursorInteraction | boolean | true | Let the orb drift towards the pointer and bend around it. |
cursorStrength | number | 0.5 | How far the orb follows the pointer, and how much it bends. |
paused | boolean | false | Freeze the animation. |
dpr | number | 1.25 | Upper device pixel ratio bound. |
className | string | — | Extra classes for the root element. |
children | ReactNode | — | Content layered above the effect. |
speednumberPlayback rate of the storm.
0.6iterationsnumberFeedback passes per pixel, 2 to 24. More passes add finer filaments at a GPU cost.
12scalenumberZoom of the field; larger values pull the storm closer.
1radiusnumberRadius of the visible orb as a fraction of the panel height.
0.9edgeSoftnessnumberWidth of the orb's fade-out as a fraction of its radius.
1intensitynumberOverall glow intensity.
1.1contrastnumberHow readily filaments bloom to the hot colour.
2flickernumberAmplitude of the slow breathing pulse, 0 to 1.
0.6complexitynumberGrowth of detail across passes; higher packs tighter lattices.
1turbulencenumberStrength of the non-linear feedback that tangles filaments.
2twistnumberExtra rotation folded in between passes; 0 keeps the classic shear.
0densitynumberSpread of the filament lattice.
1.5colorstringColour of the glow body.
"#475eff"hotColorstringColour the brightest filaments bloom towards.
"#ffffff"backgroundColorstringPanel backdrop, or "transparent".
"#000000"opacitynumberMaster opacity of the effect.
1cursorInteractionbooleanLet the orb drift towards the pointer and bend around it.
truecursorStrengthnumberHow far the orb follows the pointer, and how much it bends.
0.5pausedbooleanFreeze the animation.
falsedprnumberUpper device pixel ratio bound.
1.25classNamestringExtra classes for the root element.
—childrenReactNodeContent layered above the effect.
—