Skip to main content
A wavy, swirly, vortex background ideal for CTAs and backgrounds. This component creates an animated particle vortex effect using simplex noise.

Dependencies

npm install simplex-noise

Props

Prop NameTypeDefaultDescription
classstringOptional className for styling the children wrapper.
containerClassstringOptional className for styling the container.
particleCountnumber700Number of particles to be generated.
rangeYnumber100Vertical range for particle movement.
baseHuenumber220Base hue for particle color.
baseSpeednumber0.0Base speed for particle movement.
rangeSpeednumber1.5Range of speed variation for particles.
baseRadiusnumber1Base radius of particles.
rangeRadiusnumber2Range of radius variation for particles.
backgroundColorstring"#000000"Background color of the canvas.

Credits

Build docs developers (and LLMs) love