Backgrounds & Visuals
Concrete Brutalism
Static rough texture using SVG turbulence filters creating a concrete surface.
noiseconcretebrutalismroughstatic
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | #808080 | Background color |
filterOpacity | number | 0.4 | Filter opacity |
turbulenceBaseFrequency | string | 0.05 | Turbulence base frequency |
turbulenceNumOctaves | number | 3 | Turbulence octaves |
displacementScale | number | 20 | Displacement scale |
surfaceScale | number | 3 | Surface scale |
specularConstant | number | 1.5 | Specular constant |
specularExponent | number | 20 | Specular exponent |
lightingColor | string | #ffffff | Lighting color |
lightAzimuth | number | 45 | Light azimuth angle |
lightElevation | number | 30 | Light elevation angle |
gradientFrom | string | #a3a3a3 | Gradient start color |
gradientTo | string | #525252 | Gradient end color |
borderColor | string | #000000 | Border color |
borderWidth | string | 4px | Border width |
cardBgColor | string | #ffffff | Card background color |
text | string | Brutal | Text label |
textColor | string | #000000 | Text color |
className | string | Additional CSS classes |