Build a Liquidation Tracking Dashboard with Mithril Builder

Build a Liquidation Tracking Dashboard with Mithril Builder

You can build a fully functional liquidation tracking dashboard in under 30 minutes using Mithril Builder. Describe what you want in plain English — liquidation levels by asset, open interest across venues, real-time price feeds, and alert thresholds — and the AI generates a deployable React application with MithrilClient SDK pre-wired to 7 perpetual DEXs. No backend setup, no SDK installation, no manual API integration required.

Liquidation cascades are responsible for some of the most dramatic price moves in crypto markets. According to Coinglass data from 2025, the top 10 liquidation events of the year each triggered secondary cascades that extended the initial move by an average of 34% beyond the first liquidation cluster. Traders who can see where liquidation clusters sit — and how close current price is to those levels — hold a significant informational edge. This guide walks through building that advantage into a live dashboard using Mithril Builder.

What Data a Liquidation Dashboard Should Track

Before writing a single prompt, clarify what the dashboard needs to display. A well-designed liquidation tracker has four core data layers:

Core Data Layers

A complete dashboard combines all four layers so you can see, at a glance, whether price is approaching a significant liquidation cluster, how much OI backs it, and which direction the market is most overleveraged. Build each layer with a separate Mithril Builder prompt.

Step-by-Step: Building the Dashboard

Step 1: Initialize the Project

Open Mithril Builder and start a new project. Use this opening prompt to establish the app structure:

Prompt 1: "Create a crypto liquidation tracking dashboard. The app should have a dark theme, a top navigation bar with asset selector (BTC, ETH, SOL), and a main content area with four panels: liquidation heatmap, open interest chart, price feed, and funding rates table. Use MithrilClient to fetch all data."

Mithril Builder generates the full React scaffold — routing, layout components, and MithrilClient initialization — in one pass. The asset selector state is wired to all four panels automatically, so switching from BTC to ETH refreshes every data panel simultaneously.

Step 2: Add the Liquidation Levels Panel

Prompt 2: "In the liquidation heatmap panel, fetch liquidation levels for the selected asset from Hyperliquid and Paradex using MithrilClient.getLiquidationLevels(). Display them as a horizontal bar chart where the x-axis is price and bar height represents the notional value of positions that would liquidate at each price level. Color bars red for long liquidations and green for short liquidations. Add a vertical line showing the current mark price."

The generated component calls MithrilClient.getLiquidationLevels({ symbol, exchange }) for both venues, merges the results by price bucket, and renders the heatmap using Recharts. The current price line updates in real time via the WebSocket feed MithrilClient manages internally.

Step 3: Add the Open Interest Panel

Prompt 3: "In the open interest panel, fetch OI data for the selected asset across all supported venues using MithrilClient.getOpenInterest(). Display a stacked bar chart showing long OI vs. short OI per venue. Update every 60 seconds. Add a total OI number in large text above the chart."

Open interest data reveals where conviction sits. A venue showing $500M long OI vs. $200M short OI signals that a downward price move will trigger significantly more liquidations than an upward move — the liquidation pressure is asymmetric. This asymmetry is the core signal the dashboard surfaces.

Step 4: Add Real-Time Price Feed

Prompt 4: "In the price feed panel, display a 1-hour candlestick chart for the selected asset using data from Hyperliquid via MithrilClient.getCandles(). Overlay horizontal lines at the top 3 liquidation cluster levels from the heatmap data. Add a live price ticker that updates in real time using MithrilClient.subscribeToPrice(). Show the 24h change percentage in green or red."

This prompt connects two data streams — candle history and live liquidation levels — into a single chart. Mithril Builder handles the data merging logic, ensuring liquidation overlay lines stay synchronized with price chart scaling as the user zooms in or out.

Step 5: Add the Funding Rates Table

Prompt 5: "In the funding rates panel, create a table showing the current 8h funding rate for the selected asset across all venues from MithrilClient.getFundingRates(). Add a column for annualized rate. Highlight rows in red where the rate exceeds +0.1% (dangerously high long leverage) and in green where it is below -0.05% (high short leverage). Update every 5 minutes."

Extreme positive funding rates are a leading indicator of liquidation risk. When longs are paying 0.15% per 8 hours, annualized at 68%, many leveraged positions become unprofitable to hold — they close voluntarily or get liquidated, creating downward pressure. The funding table makes this signal visible at a glance.

Step 6: Add Alert Thresholds

Prompt 6: "Add an alerts panel with configurable threshold inputs. Users should be able to set: (1) a price proximity alert — notify when current price is within X% of a liquidation cluster exceeding $Y notional, (2) a funding rate alert — notify when funding on any venue exceeds a configurable threshold. Display alerts as toast notifications in the top-right corner. Store threshold settings in localStorage."

Alert persistence via localStorage means users can reload the app without losing their configured thresholds. The toast notifications use the price and funding data already flowing through existing MithrilClient subscriptions — no additional API calls required.

Step 7: Add Cross-Venue Comparison View

Prompt 7: "Add a 'Cross-Venue' tab to the navigation. In this view, show a comparison table with one row per supported venue and columns for: current mark price, 24h OI change (%), funding rate, and estimated liquidation level nearest to current price on each side (long and short). Fetch all data using MithrilClient with exchange set to 'all'."

This view answers the key cross-venue question: where are positions most at risk right now, and on which exchange? A trader watching BTC can see that Hyperliquid has $2B in long positions sitting 3% below the current price, while Paradex has concentrated short positions 4% above it — and position themselves accordingly.

Full Prompt Sequence Summary

Seven prompts. One deployable application. The entire build takes under 30 minutes for a trader with no prior development experience. Each prompt is additive — Mithril Builder appends new features to the existing app without breaking what was already generated.

Extending the Dashboard with the Mithril API

After the initial build, developers can extend the dashboard with custom backend logic using the Mithril API directly. Common extensions include:

• Historical liquidation tracking: Store liquidation events in a database and display a historical chart of cascade frequency over time.
• Webhook alerts: Integrate with Telegram or Discord to push alerts when proximity thresholds are breached, even when the dashboard tab is not open.
• Portfolio integration: Pull your own open positions from the Mithril API and overlay them on the liquidation heatmap to visualize your personal liquidation price relative to market clusters.
• Multi-asset view: Extend the asset selector to display all supported assets simultaneously in a sortable grid, ranked by liquidation cluster proximity.

All Mithril API actions available in Builder-generated apps are also available via direct REST calls. The full API documentation covers every supported action, parameter, and response format. Additional strategy examples and builder tutorials are published on the Mithril blog.

FAQ: Building a Liquidation Dashboard with Mithril Builder

Do I need coding experience to build this dashboard?

No. Every step in this guide uses natural language prompts. Mithril Builder generates all the React, TypeScript, and MithrilClient integration code automatically. You describe what you want and the AI builds it. That said, developers can inspect and extend the generated code at any time.

Which exchanges provide liquidation level data through Mithril?

Hyperliquid and Paradex provide the most detailed liquidation level data, including per-price-bucket notional breakdowns. Other venues in the Mithril network provide aggregate OI and funding data. The cross-venue comparison view works across all 7 supported DEXs via the Mithril API.

How accurate is the liquidation level data?

Liquidation levels displayed in the dashboard represent estimated cluster zones based on open position data and typical leverage distributions reported by each exchange. They are directionally accurate but not a precise map of every individual position's liquidation price. Use them as probability-weighted zones, not exact price triggers.

Can I share the dashboard with my trading team?

Yes. Mithril Builder-generated apps are deployed to a live URL that can be shared. Access control and authentication can be added via a prompt if you want to restrict the dashboard to specific users. The default deployment is a public URL accessible to anyone with the link.

Can this dashboard be combined with a trading bot?

Yes. The same MithrilClient SDK that powers the dashboard's data feeds also supports order placement. Add a prompt like "add a one-click trade button that opens a short position on Hyperliquid when I click near a long liquidation cluster on the heatmap" — and Mithril Builder wires the UI action to the order placement API automatically. See the Mithril Bot platform for pre-built bot strategies that complement dashboard monitoring.