Avatar Circles
Overlapping initial circles on a paper ring, each tinted by a quiet token-mixed tone, closed by a tenue keycap +N counter. Hover lifts a circle above its neighbors; an optional live dot puts an ember glow on the first avatar. No remote images, ever.
Draw
draw a card
$npx shadcn@latest add @clow/avatar-circlesFirst 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"
}Playground
props
<AvatarCircles />Examples
basic
Props
| prop | type | default |
|---|---|---|
| extra | number | 12 |
| live | boolean | true |