Github Inline Diff

Hover a diff line to reveal “add comment,” opening a compact inline thread with Open/Resolved chips and a 2‑row editor—fully keyboard-accessible.

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

import GithubDiff from "@/components/ui/github-inline-diff";

export default function DemoOne() {
  return <GithubDiff />;
}