Dynamic fog and light beam cursor follow effect.
Unlock component
One license unlocks every pro feature for life, including the ones we haven't built yet.
Already have an account? Sign in
| Name | Type | Default | Description |
|---|---|---|---|
| speed | number | 18 | Animation speed of the effect. |
| beamColor | string | "#6031ff" | Color of the central light beam. |
| beamX | number | 0.5 | Horizontal position of the beam. |
| beamY | number | 0.5 | Vertical position of the beam. |
| beamScale | number | 0.5 | Intensity / size of the beam glow. |
| fogDensity | number | 1 | Density of the fog. |
| grainIntensity | number | 0.1 | Amount of grain. |
| mouseFollow | number | 0.9 | Strength of mouse-based parallax follow on the beam. |
| onTextureReady | (texture) => void | undefined | Returns the rendered result as a texture. |
React Three Fiber
React renderer for Three.js.
Motion
React animation library.
WebGL Provider (Atelier)
A single shared WebGL canvas for the whole app.