Network Topology

Coordinate-placed topology diagram: nodes with status and icons over an SVG edge layer, with animated active links. Ships composable parts.

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

import NetworkTopology from "@/components/ui/network-topology";

export default function NetworkTopologyDemo() {
  return <NetworkTopology />;
}