Skip to main content
A soft, flowing shader-powered background inspired by silk fabric motion and texture, rendered using ShaderToy and OGL.

Props

Prop NameTypeDefaultDescription
huenumber300Base hue for the silk texture (in degrees, 0–360).
saturationnumber0.5Saturation of the color (0–1).
brightnessnumber1Brightness multiplier for the output color (0–2 recommended).
speednumber1Controls the animation speed multiplier (e.g., 2 = double speed).
classstringOptional additional CSS classes for the container div (e.g., z-index, etc).
This component uses a full-screen absolute container by default. You can override positioning or stacking via the class prop.

Credits

  • Adapted from this ShaderToy shader by Giorgi Azmaipharashvili (MIT License)
  • Inspired by silk textures and fluid motion patterns found in organic materials

Build docs developers (and LLMs) love