Backgrounds & Visuals

Liquid Fractal

Organic flowing texture using SVG fractal noise creating a liquid effect.

noiseliquidfractalorganicflowing

Props

Customize the component with these props

PropertyTypeDefaultDescription
backgroundColor
string#4a0404Background color
filterOpacity
number0.5Filter opacity
turbulenceBaseFrequency
string0.015Turbulence base frequency
turbulenceNumOctaves
number3Turbulence octaves
colorMatrixValues
string1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0Color matrix values
displacementScale
number50Displacement scale
liquidColor
string#dc2626Liquid color
liquidOpacity
number0.8Liquid opacity
gradientFrom
string#7f1d1dGradient start color
gradientVia
string#991b1bGradient middle color
gradientTo
string#4a0404Gradient end color
noiseOpacity
number0.2Noise overlay opacity
noiseBaseFrequency
string0.8Noise base frequency
noiseOctaves
number3Noise octaves
borderColor
string#dc2626Border color
text
stringLiquidText label
textColor
string#ffffffText color
className
stringAdditional CSS classes
Liquid Fractal - Backgrounds & Visuals Component | UILora