Liquidity Heatmap

Animated liquidity bands across price and time, with a price trace and depth tooltips.

Live Preview

Live

Installation & Files

Installation
pnpm dlx shadcn@latest add @beui/liquidity-heatmap
Component Files (2)
  • components/charts/liquidity-heatmap.tsx
  • components/charts/liquidity-heatmap/model.ts

Component Details

Category
Charts
Component Slug
liquidity-heatmap
Published
9/20/2026
Last Updated
9/25/2026

About 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.