Log Viewer

Streaming log panel with severity-colored lines, timestamps and sources, a level filter with counts, and a Follow toggle that tails new lines and unpins when you scroll up. Ships composable parts.

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

import LogViewerBlock from "@/components/ui/log-viewer";

export default function LogViewerDemo() {
  return <LogViewerBlock />;
}