Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProAn SVG fractal noise layer using feTurbulence for subtle texture overlays.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
NoiseTexture renders a full-size svg (absolute, inset 0). Put it inside a relative container and layer content above with z-10 when needed.
NoiseTextureProps extends React’s ComponentProps<"svg">. Besides standard SVG attributes, these props are supported:
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | Merged onto the root svg (via cn) |
frequency | number | 0.4 | baseFrequency for feTurbulence |
octaves | number | 6 | numOctaves for feTurbulence |
slope | number | 0.15 | Linear slope per channel after desaturation |
noiseOpacity | number | 0.6 | Opacity of the noise rect |