Order Book

Live depth ladder that ticks

Live preview

Order book · BTC/USD
PriceSizeTotal
$97,828.561.10058.60
$97,789.600.80057.50
$97,750.642.10056.70
$97,711.684.00054.60
$97,672.726.50050.60
$97,633.763.60044.10
$97,594.806.30040.50
$97,555.849.60034.20
$97,516.884.50024.60
$97,477.928.00020.10
$97,438.9612.10012.10
$97,400.00
$97,361.047.7007.70
$97,322.0810.00017.70
$97,283.1211.70029.40
$97,244.164.80034.20
$97,205.206.30040.50
$97,166.247.20047.70
$97,127.282.50050.20
$97,088.323.20053.40
$97,049.363.30056.70
$97,010.400.80057.50
$96,971.440.70058.20

What it does

Crypto order book from my trading system. Bids and asks ladder around a live mid price, depth bars show the cumulative size behind every row, and a simulated feed ticks every 400ms so it moves like the real one.

• 5 symbols: BTC, ETH, SOL, LINK, AVAX

• 5 to 15 rows, live feed on or off

• Theme presets or full custom colors with a depth fill slider

• Label and number fonts, radius

Want real data? One function in the code file swaps the simulator for your exchange feed.

Props

Symbol · Theme · Live Feed · Rows · Radius · Label Font · Number Font · Colors · Card · Border · Text · Muted Text · Bid / Up · Ask / Down · Depth Fill

Formula

cumulative size = running sum of level sizes; ladder step = 0.04% of mid

Tradeboard

The terminal your desk lives in.

Built with love by

© 2026 Tradeboard UI. All rights reserved.

MIT licensed

Create a free website with Framer, the website builder loved by startups, designers and agencies.