Online Avatar

Avatar with a presence dot in emerald, amber, rose, or slate. Caption shows status or last-seen.

JD
John DoeActive now

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Chat16 } from "@/components/beste/piece/chat16";

<Chat16
  src="https://images.unsplash.com/photo-1583264277168-58ceba4b84e7?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE1fHx8ZW58MHx8fHx8"
  alt="John Doe"
  fallback="JD"
  name="John Doe"
  presence="online"
  lastSeen="Active now"
/>