Dock

A frosted glass shelf of paper tiles that grow gently toward the pointer while an ember point blooms on the shelf under the closest tile, fading with the same falloff. Everything settles back in one calm ease when the pointer leaves.

Draw

draw a card

$npx shadcn@latest add @clow/dock

First 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

variant

magnification

radius

<Dock />

Examples

basic

Props

prop	type	default
variant	magnify \| expand \| glow	magnify
magnification	number	1.05
radius	number	64