Liquidity Heatmap

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

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/liquidity-heatmap

Files

• components/charts/liquidity-heatmap/model.ts
• components/charts/liquidity-heatmap.tsx
• components/motion/number-ticker.tsx
• components/motion/tooltip.tsx
• lib/ease.ts
• lib/i18n.tsx
• lib/utils.ts
• components/motion/tooltip-surface.tsx

Source

https://github.com/starc007/ui-components

Categories

• Chart Components
• React Chart Components
• Tailwind CSS Chart Components
• Animated Chart Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Heatmap Chart Components
• React Heatmap Chart Components
• Tailwind CSS Heatmap Chart Components
• Animated Heatmap Chart Components

More from beUI

• Bar Chart
• Bump Chart
• Candlestick Chart
• Composition Chart
• Donut Chart
• Funnel Chart
• Heat Calendar
• Line Chart
• Order Book
• Prediction Market
• Prediction Market Card
• Price Target Fan