Avatar Status Indicator

An avatar with a small colored dot badge showing a user's presence state (online, do not disturb, busy, or offline).

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Avatar Status Indicator to your project and fits it to your theme.

import AvatarStatus from "@/components/ui/avatar-11";

export default function AvatarStatusDemo() {
  return <AvatarStatus />;
}