Skip to main content
A shader-based background inspired by thunderstorm in clouds. This component creates dramatic storm-like effects using advanced shader techniques.

Props

Prop NameTypeDefaultDescription
huenumber0Base hue for the fractal texture (0–360 degrees).
saturationnumber1Saturation of the color (0–1).
brightnessnumber1Brightness multiplier for the output color (0–2 recommended).
speednumber1Speed multiplier for animation.
mouseSensitivitynumber0.5Controls the responsiveness to mouse movement. (0–5)
dampingnumber1Damping factor to control the smoothness of texture distortions. (0–1)
classstringOptional additional CSS classes for the container div (e.g., z-index, etc).
This component is designed to be used in full-screen or large section backgrounds. It is optimized for modern GPUs but may be demanding on lower-end devices.

Credits

Build docs developers (and LLMs) love