Animated React charts for activity, returns, price targets, and order books, built with Motion and Tailwind CSS as customizable copy-paste source.
8 components with live previews
Stacked bar and area shares with period tooltips and a compact interactive legend.
pnpm dlx shadcn@latest add @beui/composition-chartVertical and horizontal funnels with curved stages and animated number tooltips.
pnpm dlx shadcn@latest add @beui/funnel-chartAnimated liquidity bands across price and time, with a price trace and depth tooltips.
pnpm dlx shadcn@latest add @beui/liquidity-heatmapAnimated rankings with curved paths, interactive rank dots, and tooltips.
pnpm dlx shadcn@latest add @beui/bump-chartAnimated order book with bid and ask depth, spread, and volume balance.
pnpm dlx shadcn@latest add @beui/order-bookComposable activity calendar with Grid, Legend, and Tooltip parts, controlled range selection, and UTC calendar dates. Supply weekly intensities to visualize activity and total a selected span.
pnpm dlx shadcn@latest add @beui/heat-calendarComposable monthly returns calendar with Grid and Tooltip parts, controlled month or year selections, and compounded totals. Supply your own years and monthly percentages.
pnpm dlx shadcn@latest add @beui/returns-calendarComposable price target chart with Header, Plot, SVG, Axes, History, Targets, Now, Cursor, and Tooltip parts. Supply dated price history and targets; scrub with a pointer or keyboard and customize the active readout.
pnpm dlx shadcn@latest add @beui/price-target-fanProduct conversion · Sample cohorts
Inspect a stage to see conversion and drop-off
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
Five products. Six months. Every move.
| Series | Apr | May | Jun | Jul | Aug | Sep |
|---|---|---|---|---|---|---|
| Studio | 4 | 3 | 2 | 3 | 2 | 1 |
| Canvas | 1 | 1 | 3 | 2 | 1 | 2 |
| Layers | 3 | 2 | 1 | 1 | 3 | 3 |
| Orbit | 2 | 4 | 5 | 4 | 5 | 4 |
| Frame | 5 | 5 | 4 | 5 | 4 | 5 |
Inspect a dot for details · Select to pin a product
| Price USD | Size SOL | Cumulative total SOL |
|---|---|---|
| 247.20 | 782 | 8.6K |
| 247.05 | 1.2K | 7.8K |
| 246.90 | 1.1K | 6.6K |
| 246.75 | 2.2K | 5.5K |
| 246.60 | 1.8K | 3.3K |
| 246.45 | 278 | 1.5K |
| 246.30 | 363 | 1.2K |
| 246.15 | 574 | 858 |
| 246.00 | 284 | 284 |
| Price USD | Size SOL | Cumulative total SOL |
|---|---|---|
| 245.70 | 194 | 194 |
| 245.55 | 543 | 737 |
| 245.40 | 314 | 1.1K |
| 245.25 | 592 | 1.6K |
| 245.10 | 715 | 2.4K |
| 244.95 | 744 | 3.1K |
| 244.80 | 789 | 3.9K |
| 244.65 | 735 | 4.6K |
| 244.50 | 1.1K | 5.7K |