Animated liquidity bands across price and time, with a price trace and depth tooltips.
pnpm dlx shadcn@latest add @beui/liquidity-heatmapAbout This Catalog
This is a reference catalog of the complete BeUI component library. For full interactive demos, live code playgrounds, and detailed documentation, visit beui.dev.
SOL / USD · Simulated depth
| 14:00 | 14:02 | 14:04 | 14:06 | 14:08 | 14:10 | 14:12 | 14:14 | 14:16 | 14:18 | 14:20 | 14:22 | 14:24 | 14:26 | 14:28 | 14:30 | 14:32 | 14:34 | 14:36 | 14:38 | 14:40 | 14:42 | 14:44 | 14:46 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Brighter bands hold more liquidity · White line tracks price