Flow Field Background

Particles following vector fields — wind streams, magnetic poles, curl noise, and spirals.

Import

import { FlowFieldBackground } from "@igorao79/uivix";

Playground

1x
800

Props

PropTypeDefaultDescription
variant"wind" | "magnetic" | "curl" | "spiral""wind"Flow field pattern
colorsstring[]["#8b5cf6", ...]Particle colors
speednumber1Animation speed
particleCountnumber800Number of particles
trailLengthnumber0.92Trail fade (0-1, higher = longer)
opacitynumber0.6Particle opacity
classNamestringfixed inset-0 ...CSS class