shadcn.io is not affiliated with official shadcn/ui
Whale Tracker Web3 Block for React Aria
A size threshold over 24 sample large transfers: a slider from 100,000 to 5,000,000 USD filters the list and derives exchange inflow, outflow and net flow, and each row opens on its sample hash with a copy button.
Installation
Overview
See how much money is moving in big pieces, with this whale tracker panel for React with React Aria. It's the flow desk of Greywater, and every transfer is typed on invented addresses, so nothing is monitored. A Slider, Show transfers over, walks 25 stops from 100,000 to 5,000,000 USD and filters 24 transfers. From the ones that remain, the figures band derives exchange inflow, exchange outflow and net flow, with a net-flow bar in two weights; a transfer counts only when one side is a labelled exchange wallet, and a move between two exchanges counts as neither. Each row shows a token tile, the amount, its worth, who sent it and who received it, and the time, and opens in a Collapsible on a sample transaction hash with a Copy Button. When no transfer is that large, the list says so and keeps its height. For analytics dashboards, research tools and treasury monitors.
FAQ
What makes a transfer a whale transfer?
Only its size: it is shown when its USD value is over the slider's threshold. The criteria are on the page, the 24 transfers are typed in LINES, and the sentence in the header and the screen reader message always say how many are shown and what the threshold is.
How are inflow, outflow and net worked out?
Inflow adds the shown transfers whose receiver is an exchange wallet and whose sender is not, outflow adds the opposite, and net is inflow minus outflow with a sign, an arrow and a word. A transfer between Exchange A and Exchange B is in neither total, and the foot says so.
Are the hashes real?
No. Each is 64 hex characters made from a seeded sequence in the file, so it looks like a hash and can be copied, but it points at nothing. Addresses are invented and shown shortened in a left-to-right span.
What stays local, and how do I wire it?
Everything. No node, indexer or exchange list is read. In your app load transfers from your indexer with a USD price at the time, label exchange wallets from your own list of tagged addresses, and keep the typed-sample label until the data is real.