Caret Mention Popover

A comment/textarea box whose @-mention suggestion popover is anchored to the live text caret instead of the field's corner, gliding smoothly as you type.

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

import MentionComposer from "@/components/ui/caret-mention-popover";

export default function CaretMentionPopoverDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-6">
      <div className="w-full max-w-md">
        <MentionComposer />
      </div>
    </div>
  );
}