quicknode/hypurr-harbor — explained in plain English
Analysis updated 2026-07-25
Watch live Hyperliquid blockchain activity as a playful pixel-art harbor scene in your browser.
Run in demo mode with no credentials to see synthetic traffic and explore the visualization.
Self-host on a VPS or Railway with a Quicknode endpoint to display real mainnet transaction data.
Use as an educational tool to understand how pending transactions get confirmed into blocks.
| quicknode/hypurr-harbor | 4ssh1/mine-sweeper | achawla19/intuitcode-extension | |
|---|---|---|---|
| Stars | 2 | 2 | 2 |
| Language | TypeScript | TypeScript | TypeScript |
| Last pushed | — | 2026-01-31 | — |
| Maintenance | — | Maintained | — |
| Setup difficulty | moderate | moderate | moderate |
| Complexity | 3/5 | 2/5 | 4/5 |
| Audience | general | vibe coder | developer |
Figures from each repo's GitHub metadata at analysis time.
Runs immediately in demo mode with Node 20+, but connecting to live data requires a Quicknode Hyperliquid endpoint and API token.
Hypurr Harbor is a playful pixel-art visualization of the Hyperliquid blockchain's live activity. Instead of showing raw data on a chart, it renders a tiny retro harbor scene in your browser. Every pending transaction appears as a cat sitting on a pier, and every confirmed block arrives as a boat. When a block confirms, the cats whose transactions made it into that block hop aboard and sail off. Transactions that never confirm simply slip through the planks into the water. The cats are deterministic: the same transaction always produces the same cat, with coat, markings, and name derived from the transaction hash. Visual details carry meaning. Golden cats are orders paying a priority fee, high-visibility cats are cancel orders, and cat size reflects the order type, from tiny cancels to large whale transfers. The boarding order mirrors the real consensus sequence the blockchain uses. You can hover to pet a cat, click to pin a live info card that updates as the transaction confirms, and hunt for easter eggs hidden in the scene. Under the hood, a small Node relay server subscribes to two live data streams from a single Quicknode Hyperliquid endpoint: one for pending transactions and one for block confirmations. It rebroadcasts every event to your browser immediately, with no batching or delay, so what you see on screen matches real on-chain timing. The relay also translates numeric asset IDs into coin names, anchors block numbers to match what explorers show, and shuts down its upstream streams when nobody is watching to avoid wasting resources. The frontend is built with Vite, TypeScript, and PixiJS for rendering. All sprites are drawn procedurally with no image files, and audio is synthesized in the browser, except for one real cat meow used under a Creative Commons license. To run it locally you need Node 20 or newer. With no credentials it starts in demo mode, generating synthetic traffic. Add a Quicknode endpoint and API token to connect to live mainnet data. You can host the whole app as a single process on any platform that keeps a long-running server alive, such as Railway or a VPS.
A pixel-art harbor visualization for the Hyperliquid blockchain where pending transactions appear as cats on a pier and confirmed blocks sail them away on boats. Runs in the browser with live on-chain data.
Mainly TypeScript. The stack also includes TypeScript, Vite, PixiJS.
No license is mentioned in the explanation, so default copyright restrictions may apply.
Setup difficulty is rated moderate, with roughly 5min to a first successful run.
Mainly general.
This repo across BitVibe Labs
Verify against the repo before relying on details.