Skip to main content
A dynamic, shader-powered animated background with fluid neural-like visuals using OGL and GLSL. This component creates a stunning neural network-inspired animation.

Props

Prop NameTypeDefaultDescription
huenumber200Base hue for background colors (in degrees, 0–360).
saturationnumber0.8Saturation of the background color (0–1).
chromanumber0.6Chroma/lightness factor of the HSL color (0-1).
classstringOptional additional CSS classes for the canvas element.
This component defaults to a full-screen fixed background with pointer-events-none. You can override styles via the class prop if needed.

Credits

Build docs developers (and LLMs) love