claudeers.

🔓 unclaimed — this page was auto-generated from GitHub. Are you the creator?

Claim this page →
// Examples & Templates

packet-highway

Your network traffic as rush hour - live packets rendered as 3D vehicles on a night highway, running behind your Windows desktop icons. Zero dependencies. Bu…

Actively maintained
97/100
last commit 28 days ago
last release none
releases 0
open issues 0
// install
git clone https://github.com/shakeebshaan/packet-highway

Packet Highway

Your network traffic, rendered as rush hour. Every packet leaving or entering your PC becomes a vehicle on a 3D night highway — running live behind your desktop icons as a Windows wallpaper. HTTPS rides the bus, QUIC drives a sports car, DNS zips by on a motorcycle, and a ping is a police car. The app that sent the packet floats above the roof as its icon.

No installs, no dependencies, no admin (in demo mode) — it's built entirely from what already ships with Windows: pktmon, the .NET C# compiler, and Microsoft Edge.

Packet Highway running as a live wallpaper behind desktop icons

Real recording of the wallpaper running behind the desktop icons — higher-quality MP4, or a still.

▶ Live demo in your browser — synthetic traffic, nothing is captured. Drag to orbit, scroll to zoom, click a car to inspect the packet.

Idea sparked by this tweet by @BijanBowen ("Had Claude Fable 5 log network packets and display them as cars on a highway"). This is an independent open-source implementation, built with Anthropic's Claude Fable 5.

Quick start (Windows 10/11)

git clone https://github.com/shakeebshaan/packet-highway.git
cd packet-highway
start.bat
ScriptWhat it does
start.batLive capture wallpaper. Asks for admin once (pktmon needs it), builds on first run, starts the server, pins the highway behind your desktop icons.
start-demo.batNo admin. Synthetic traffic in a normal browser tab — good for trying it out.
stop.batRemoves the wallpaper, stops capture and the server.

Browser mode (open http://localhost:8339/ while the server runs): drag to orbit, scroll to zoom, click a car to inspect the packet (protocol, app, addresses, size). The wallpaper itself is non-interactive by design — desktop windows don't receive mouse input.

Who's driving

VehicleProtocolVehicleProtocol
City bus (blue)HTTPSPanel van (purple)UDP other
Sports car (red)QUICPolice car (white)ICMP ping
Box truck (orange)HTTPBicycle (light gray)ARP
Motorcycle (yellow)DNSHatchback (gray)Other
Taxi (green)SSHSedan (cyan)TCP other

App logos: packets are attributed to the owning process (local port → PID via the Windows TCP/UDP tables). The app's icon is extracted from its exe and floats above the vehicle; the app name also shows in the passing-traffic log and the click-to-inspect card. Packets that genuinely belong to no app (DNS resolver lookups, kernel traffic) carry a protocol badge in their legend color instead — nothing rides unlabeled.

Vehicles are real low-poly 3D models from Kenney's Car Kit and Starter Kit Racing (CC0, thank you Kenney!), tinted per protocol. The city bus is a kitbashed stretch of the van; if a model fails to load the procedural box vehicle steps back in automatically.

The city is your computer

Everything in frame means something:

  • Skyline towers = running processes — height is RAM share, window brightness is CPU use, the top 5 get roof name signs.
  • Right bank: the machine room — a CPU power plant (smokestacks work harder under load), a RAM tank (glowing fill level), a disk silo (fill % + dock LED blinking with read/write), and a GPU arena (neon ring spins faster under load), each with a live readout plate.
  • Left bank: app city — the apps talking right now rise as towers (height = traffic share) with jumbotron billboards; courier cars visibly commute between their tower and the highway interchange.
  • Drones are couriers for your top servers, carrying the server's app logo between its tower and the highway.
  • Freight train crosses the skyline on a bandwidth spike (banner shows the burst rate); an airplane lands for a heavy download and takes off for a heavy upload.
  • Accidents are real faults: an OS-level packet drop, a duplicate packet, or a ping timeout wrecks a vehicle — spin-out, smoke, debris, skid marks, and a warning label; cleared after 10 s.
  • Power-line pulses are long-lived sockets (websockets/push channels), carrying the owning app's logo down the wire.
  • Time & weather are real: day/golden hour/night follow your clock (the sun arcs east→west), and rain/snow follow your local weather.
  • Painted lane labels mark the IN · DOWNLOAD and OUT · UPLOAD roadways; exit gantries name where your traffic is headed (Google, Cloudflare, GitHub…).

Privacy & security

  • Metadata only. Protocol, ports, addresses, sizes, owning process. Packet payloads are never inspected, stored, or displayed.
  • Local only. The server binds to 127.0.0.1. No telemetry, no analytics. Nothing about your traffic ever leaves the machine.
  • One exception, disclosed: the sky matches your real weather. On startup the backend asks ip-api.com for a coarse lat/lon (standard web request — your IP is all it sees) and open-meteo.com for current precipitation. That's the only outbound traffic, and no capture data is ever included.
  • The hosted demo captures nothing. It synthesizes fake traffic client-side in your browser.
  • Auditable. The whole backend is one dependency-free C# file you can read before running. Found something? See SECURITY.md.

Admin is required only for live capture (pktmon is an elevated-only Windows component); demo mode runs unprivileged.

How it works

  • PacketHighway.exe (built from PacketHighway.cs by build.bat) runs pktmon start --capture --comp nics --log-mode real-time, parses the stream, classifies by protocol/port, attributes to processes, and serves the frontend + a Server-Sent-Events stream on localhost:8339.
  • web/ is the Three.js scene (vendored locally, works offline). On static hosting (GitHub Pages / file:// / ?static=1) it switches to a built-in synthetic traffic generator — same event shapes, no backend.
  • wallpaper.ps1 opens an Edge --app window and re-parents it into the desktop's WorkerW layer (the layer between the wallpaper and your icons). Handles both the classic layout and the Windows 11 24H2 layout.

Performance / eco mode

The wallpaper runs at 30 fps with a capped pixel ratio and a 220-car limit. Packet sampling kicks in automatically during traffic spikes (the 100% figure in the dashboard shows the sampled share). For a lighter mode add &eco=1 to the URL in start.bat / wallpaper.ps1: 24 fps, fewer buildings, 50-car cap.

Multi-monitor

By default the wallpaper covers the primary monitor only (best framerate, HUD laid out correctly). To stretch one scene across every monitor: powershell -File wallpaper.ps1 -Span. The script is per-monitor-DPI aware, so scaled and mixed-DPI setups place correctly.

Notes

  • Without admin the backend runs lite-live: real adapter counters set the rates and the real connection table supplies endpoints + owning apps; only individual packet boundaries are interpolated (the badge says LIVE · net counters · no-admin). Full per-packet capture needs one UAC accept for pktmon.
  • After a display-resolution change Windows may rebuild the desktop layers; just run start.bat again.
  • QUIC is detected as UDP/443, HTTPS as TCP/443, DNS as port 53, SSH as 22.

Contributing & license

PRs welcome — see CONTRIBUTING.md. The project is deliberately zero-dependency; please keep it that way.

MIT © Shaan Shaik

// compatibility

Platformsapi, desktop, web
Operating systems
AI compatibilityclaude
LicenseMIT
Pricingopen-source
LanguageJavaScript

// faq

What is packet-highway?

Your network traffic as rush hour - live packets rendered as 3D vehicles on a night highway, running behind your Windows desktop icons. Zero dependencies. Built with Claude Fable 5.. It is open-source on GitHub.

Is packet-highway free to use?

packet-highway is open-source under the MIT license, so it is free to use.

What category does packet-highway belong to?

packet-highway is listed under templates in the Claudeers registry of Claude-compatible tools.

0 views
11 stars
unclaimed
updated 9 days ago

// embed badge

packet-highway on Claudeers
[![Claudeers](https://claudeers.com/api/badge/packet-highway.svg)](https://claudeers.com/packet-highway)

// retro hit counter

packet-highway hit counter
[![Hits](https://claudeers.com/api/counter/packet-highway.svg)](https://claudeers.com/packet-highway)

// reviews

// guestbook

0/500

// related in Examples & Templates

🔓

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!

// templatesant-design/TypeScript38,502MIT[ claude ]
🔓

Claude Code skill that removes signs of AI-generated writing from text

// templatesblader/27,909MIT[ claude ]
🔓

Clone any website with one command using AI coding agents

// templatesJCodesMore/TypeScript26,241MIT[ claude ]
🔓

A 100% free modern JS SaaS boilerplate (React, NodeJS, Prisma). Full-featured: Auth (email, google, github, slack, MS), Email sending, Background jobs, Landi…

// templateswasp-lang/TypeScript14,837MIT[ claude ]
→ see how packet-highway connects across the ecosystem