sh4dcnv2 · atlas
← libraries

@blobatar

Deterministic geometric avatars generated from any string — an Avatar that falls back to a blobatar when a user has no picture.

6 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://blobatar.dev/r/registry.json
pnpm pnpm dlx shadcn@latest add https://blobatar.dev/r/registry.json
bun bunx shadcn@latest add https://blobatar.dev/r/registry.json
fetch registry curl -s https://blobatar.dev/r/registry.json

Components

6 total
Blobatar ui

An Avatar that falls back to a deterministic geometric blobatar generated from the user's name.

npx shadcn@latest add https://blobatar.dev/r/avatar.json
Presence avatar ui

A blobatar with a presence dot and an unread badge. Online, away, offline, and a thinking state, on a face that blinks and breathes.

npx shadcn@latest add https://blobatar.dev/r/presence-avatar.json
Agent list ui

A sidebar group of running agents, each with a face derived from its name, a presence dot and a line of what it is doing. Drops into shadcn's Sidebar.

npx shadcn@latest add https://blobatar.dev/r/agent-list.json
User table ui

A table of people with a blobatar per row, rendered as static images so that a long list stays one node per face.

npx shadcn@latest add https://blobatar.dev/r/user-table.json
Group chat ui

A thread with several people in it: consecutive messages grouped under one face, an overlapping facepile, and a typing indicator.

npx shadcn@latest add https://blobatar.dev/r/group-chat.json
Password field ui

A password input with a face above it. It watches the caret while you type, and goes sleepy when you reveal what you typed.

npx shadcn@latest add https://blobatar.dev/r/password-field.json