KQ-373 · WET/CANVAS
Wet Canvas
The interface as wet paint on a woven ground. A weave and a paper grain sit under the page with their own lighting; moving the pointer drags the paint along the direction of travel, raising glossy ridges that catch the light and slowly dry back flat. The drag lives in a small map warmed by the pointer, so the shader stays one pass.
KQ-373 · WET/CANVAS
Fernworks · planting palette
Every bed, the colour it is planted.
The palette the crew paints from and the beds it went into, side by side. Drag a finger or a cursor over the card — the paint drags with it, wet and glossy, before settling back into the weave.
primary
success
warn
accent
ink-3
- P1Broad beansMar 12thriving
- P4ChardApr 02watch
- P7SquashApr 20sown
drag across the paint
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/wet-canvas
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| weave / grain / light | number | — | The woven ground's relief, the paper speckle, and the light angle in degrees. |
| brush / strength / dry | number | — | The smear's radius, how far it drags the paint in px, and how many seconds it takes to dry flat. |
| gloss / ridge | number | — | The specular sheen of wet paint and how strongly the smear raises ridges. |