---
name: "@blobatar"
slug: "blobatar"
description: "Deterministic geometric avatars generated from any string — an Avatar that falls back to a blobatar when a user has no picture."
category: "AI/chat UI"
tags: ["ai", "cards", "maps", "media", "tables"]
framework: "react"
license: "MIT"
author: "Alain00"
website: "https://blobatar.dev"
github: "https://github.com/Alain00/blobatar"
registry: "https://blobatar.dev/r/registry.json"
pro: false
pro_url: null
github_stars: 1060
component_count: 6
generated_at: "2026-09-21T01:50:16.753Z"
---

# @blobatar

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

## Links

- Website: https://blobatar.dev
- GitHub: https://github.com/Alain00/blobatar
- Registry JSON: https://blobatar.dev/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/blobatar
- This file: https://sh4dcn.vercel.app/md/blobatar.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://blobatar.dev/r/registry.json
pnpm dlx shadcn@latest add https://blobatar.dev/r/registry.json
bunx shadcn@latest add https://blobatar.dev/r/registry.json
# clone the source repo
git clone https://github.com/Alain00/blobatar.git
# fetch the raw registry index
curl -s https://blobatar.dev/r/registry.json
```

## Components (6)

| name | type | description | install |
| --- | --- | --- | --- |
| avatar | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |

## For AI agents

```text
You are adding components from @blobatar to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/blobatar.md) for the component list.
2. Fetch the machine-readable index: https://blobatar.dev/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: blobatar).
```