quicknode/hyperliquid-orderbook-radar

Hyperliquid Orderbook Radar is a live dashboard that shows the full order book of a cryptocurrency market on Hyperliquid, along with an overlay showing forced liquidations as they happen. Order books list all the current buy and sell offers for an asset at different prices, and this project displays that information the way a professional trading desk would, updating on every new block rather than on a slower timer. The project exists because Hyperliquid recently reduced how often its free public data feed updates and how many price levels it shows. This tool instead connects to Quicknode's paid gRPC data stream, which delivers a complete, ready to use snapshot of the order book on every single block, so there is no need to stitch together partial updates yourself. That difference is the whole reason the project is worth building, a more complete and fresher picture of the market rather than a faster one. Out of the box, running the project starts a replay mode that plays back a bundled sample recording through the same pipeline as the live version, so anyone can explore the interface without an account or any setup at all. The interface includes a price ladder with bids and asks, a depth chart showing cumulative buy and sell volume, a panel confirming how fresh the data is block by block, and a live feed of liquidations with size and price details. Because a web browser cannot speak the gRPC protocol directly, the project is split into two parts. A small backend server connects to Quicknode using a private token, and forwards a simplified version of the data to the browser over a plain WebSocket connection, so the browser never touches any secret credentials. Both the replay mode and a genuine live connection to a real Hyperliquid endpoint feed data through this same backend and interface, so the two behave identically to a user. Live mode requires a paid Quicknode plan with the Hyperliquid add on enabled, plus Node.js version 20 or newer to run the project at all.