Avatar Group Empty State

A bordered empty-state card with an avatar stack and an invite button, used to prompt inviting team members to an empty workspace.

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

import Empty04 from "@/components/ui/empty-04";

export default function Default() {
  return (
    <div className="flex min-h-[440px] w-full items-center justify-center bg-background p-8">
      <Empty04 />
    </div>
  );
}