Crypto Markets

2 variants

Market tables and trading panels for exchanges and wallets, with live-ticking prices, depth, and fills.

Live price table

crypto-markets.tsx

A sortable market table where prices roll and flash as they tick, with category tabs, a watchlist, seven-day sparklines, and market totals.

Markets

Live
Total market cap
$1.90T
24h volume
$102.49B
Top gainer
PEPE+8.15%
BitcoinBTC
$60,284.10+1.12%
EthereumETH
$2,412.38+2.41%
TetherUSDT
$1.00−0.02%
BNBBNB
$548.20−0.84%
SolanaSOL
$142.65+4.37%
USD CoinUSDC
$1.00+0.01%
XRPXRP
$0.5421−1.66%
DogecoinDOGE
$0.1123+6.82%
ToncoinTON
$5.42−2.94%
CardanoADA
$0.3618+0.73%
AvalancheAVAX
$26.14+3.18%
ChainlinkLINK
$14.82−1.84%
DaiDAI
$1.00+0.00%
UniswapUNI
$8.41+3.67%
PepePEPE
$0.0000094+8.15%
PolygonPOL
$0.38−0.54%
ArbitrumARB
$0.62−2.37%
AaveAAVE
$162.50−0.92%
OptimismOP
$1.48+4.06%

Sample prices with a simulated live feed. Not market data.

Install

$ bunx --bun shadcn add @beui-pro/crypto-markets-table

Order book

crypto-order-book.tsx

A live order book with springing depth bars, price grouping, a cumulative hover that shows the average fill price, and a trade tape that slides in new fills.

ETH/USDC

+2.41% · 24h

2,412.4

24h high
2,448.9
24h low
2,351.2
24h volume
184,220 ETH

Order book

Price USDCSize ETHCumulative total ETH
2,413.40.62436.534
2,413.31.74635.911
2,413.21.29234.164
2,413.10.77432.872
2,413.03.06632.098
2,412.93.84629.032
2,412.82.07625.187
2,412.72.43723.110
2,412.615.53220.673
2,412.52.7065.140
2,412.42.4352.435
Reference price: 2,412.4Spread 0.1 · 0.004%
Price USDCSize ETHCumulative total ETH
2,412.30.3570.357
2,412.21.4251.782
2,412.11.0142.796
2,412.04.3407.137
2,411.90.0907.227
2,411.80.9898.216
2,411.74.48512.701
2,411.62.17514.876
2,411.50.29915.175
2,411.42.99818.173
2,411.352.77970.952

Hover a level to see the cost of filling up to it

Simulated order flow for demonstration. Not market data.

Install

$ bunx --bun shadcn add @beui-pro/crypto-order-book