# Chat Heads

> Messenger's floating chat head — flick it and it snaps to an edge; drag it to the magnetic X and it gets swallowed.

## Details

- **Slug**: `chat-heads`
- **Tags**: controls, colorful

## Links

- [Registry item](https://uicapsule.com/r/chat-heads.json): install with `npx shadcn@latest add https://uicapsule.com/r/chat-heads.json`
- [Raw source JSON](https://uicapsule.com/api/content/chat-heads): every file, as JSON
- [Bare preview](https://uicapsule.com/preview-frame/chat-heads): the component with no site chrome

## Files (3)

Full contents are in the registry item linked above.

- `/chat-heads.tsx`
- `/package.json`
- `/preview.tsx`

---

[UICapsule](https://uicapsule.com) · [All components](https://uicapsule.com/llms.txt)