Backgrounds & Visuals
Liquid Fractal
Organic flowing texture using SVG fractal noise creating a liquid effect.
noiseliquidfractalorganicflowing
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | #4a0404 | Background color |
filterOpacity | number | 0.5 | Filter opacity |
turbulenceBaseFrequency | string | 0.015 | Turbulence base frequency |
turbulenceNumOctaves | number | 3 | Turbulence octaves |
colorMatrixValues | string | 1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0 | Color matrix values |
displacementScale | number | 50 | Displacement scale |
liquidColor | string | #dc2626 | Liquid color |
liquidOpacity | number | 0.8 | Liquid opacity |
gradientFrom | string | #7f1d1d | Gradient start color |
gradientVia | string | #991b1b | Gradient middle color |
gradientTo | string | #4a0404 | Gradient end color |
noiseOpacity | number | 0.2 | Noise overlay opacity |
noiseBaseFrequency | string | 0.8 | Noise base frequency |
noiseOctaves | number | 3 | Noise octaves |
borderColor | string | #dc2626 | Border color |
text | string | Liquid | Text label |
textColor | string | #ffffff | Text color |
className | string | Additional CSS classes |