Gengar UI

Network Monitor

A terminal-inspired network traffic monitor that displays real-time HTTP requests and responses.

Network Monitor
Live Network Traffic

Installation

npm install @radix-ui/react-scroll-area lucide-react

Usage

import { NetworkMonitor } from "@/components/ui/network-monitor"

export default function MyComponent() {
  return (
    <div className="p-4">
      <NetworkMonitor />
    </div>
  )
}