Clamp Smoke
Anime smoke in the CLAMP idiom: thin calligraphic ribbons that curl and spiral as they rise, drawn as ink line-art on paper. The pointer parts and swirls the smoke where you move it, like a hand through it. Ink is tinted from live theme tokens via tone.
Draw
draw a card
$npx shadcn@latest add @clow/clamp-smokeFirst time? Point @clow at the registry
Once per project, add the registry to your components.json. Then draw any card by name.
"registries": {
"@clow": "https://clow.cards/r/{name}.json"
}Full setup →Playground
props
<ClampSmoke />Examples
basic
Props
| prop | type | default |
|---|---|---|
| enabled | boolean | true |
| interactive | boolean | true |
| speed | number | 1 |
| scale | number | 2.4 |
| rise | number | 0.55 |
| drift | number | 0.16 |
| curl | number | 4 |
| detail | number | 0.5 |
| lineCount | number | 3.4 |
| lineWidth | number | 0.055 |
| density | number | 0.52 |
| fill | number | 0.13 |
| opacity | number | 1 |
| tone | ink | mono | sakura | warm | ember | ink |
| mouseStrength | number | 1.1 |
| mouseRadius | number | 0.15 |
| mouseSwirl | number | 1.3 |