Backgrounds & Visuals
Hand-Drawn Scribbles
Rough SVG pattern with hand-drawn aesthetic and paper texture.
patternhand-drawnscribblesroughsvg
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | #fffbeb | Background color |
textureUrl | string | https://www.transparenttextures.com/patterns/cardboard.png | Texture image URL |
textureOpacity | number | 0.5 | Texture opacity |
patternColor | string | #000000 | Pattern color |
patternStrokeWidth | number | 2 | Pattern stroke width |
patternOpacity | number | 0.1 | Pattern opacity |
circleSize | string | 16rem | Circle size |
circleBorderColor | string | rgba(0, 0, 0, 0.1) | Circle border color |
circleBorderWidth | string | 4px | Circle border width |
circleRotationDuration | number | 10 | Circle rotation duration |
className | string | Additional CSS classes |