Sticker Collage Noise Wall
A Gen-Z chaotic scrapbook aesthetic with draggable torn paper stickers and reactive physics.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
bg#e5e5e5
Editorial backing board color.
gridOpacity0.2
Opacity of background grids.
stickerScaleMultiplier1
Uniform scale multiplier for stickers.
dragFreetrue
Toggle cursor physics dragging.
titleText
Watermark editorial title text.
primaryColor#ff5c71
Gradient color for stickers.
secondaryColor#7fff5e
Gradient color for stickers.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| bg | string | "#e5e5e5" | Editorial backing board color. |
| gridOpacity | number | 0.2 | Opacity of background grids. |
| stickerScaleMultiplier | number | 1.0 | Uniform scale multiplier for stickers. |
| dragFree | boolean | true | Toggle cursor physics dragging. |
| titleText | string | "" | Watermark editorial title text. |
| primaryColor | string | "#ff5c71" | Gradient color for stickers. |
| secondaryColor | string | "#7fff5e" | Gradient color for stickers. |