Data tables for trading in React

The tables a trading screen lives on. Open positions with entry, mark and liquidation price, holdings with weight bars, a trade journal, a blotter that streams fills, a watchlist, and a live feed that keeps your place while new rows arrive. Figures are tabular and right aligned, so columns stay still while prices move.

9 components. Install any of them with npx shadcn@latest add @ssych/<name>

• MarketSizeEntry / markLiquidationUnrealised P&LClose

  BTCLong 5×0.85$57.3K64,120.0067,412.5051,616.6023.4% away+$2,798.63+25.7%Close

  ETHShort 4×12$40.7K3,482.403,391.154,335.5927.9% away+$1,095.00+10.5%Close

  DOGELong 10×150,000$18.7K0.11820.12470.107014.2% away+$975.00+55.0%Close

  AVAXShort 2×900$26.0K27.8428.9141.6244.0% away−$963.00−7.7%Close

  SOLLong 3×420$62.4K152.30148.62102.2931.2% away−$1,545.60−7.2%Close

  Positions Table

  An open positions table for futures and margin trading with entry, mark, liquidation price and unrealised P&L, plus hold to close.

  @ssych/positions-tablenpm
• HoldingMarket valueCurrent priceYTD returnsPercentage of fund

  AAPLApple Inc$52.10B$228.02+18.40%8.91%

  MSFTMicrosoft Corp$48.66B$415.60+14.20%8.32%

  NVDANVIDIA Corp$41.02B$122.85+42.10%7.01%

  AMZNAmazon.com Inc$35.73B$178.52+12.49%6.11%

  METAMeta Platforms$29.48B$514.29+22.80%5.04%

  GOOGLAlphabet Inc$27.91B$163.24+9.70%4.77%

  Holdings Table

  A fund holdings table with market value, price, YTD return and portfolio weight bars, sortable by any column, for ETF and wealth apps.

  @ssych/holdings-tablenpm
• Trade journal

  7D30DAll

  DateAssetSideSizeEntryNet P&LStatus

  Aug 23, 15:09BTCLong0.154677,288–Open

  Jul 30, 11:22BTCLong0.080064,590+$640.43Win

  Jul 27, 16:11BTCShort0.050065,220+$12.04Win

  Jul 20, 17:27BTCShort0.020064,890−$22.76Loss

  Jul 20, 16:18BTCLong0.060064,734+$12.08Win

   

  Trade Journal Table

  A trade journal table for crypto and stock traders, with the open position lit and every closed trade settled to a win or loss.

  @ssych/trade-journal-tablenpm
• Fills

  TimeSymbolSideQtyPriceStatus

  14:31:35COINBuy40231.09Rejected

  14:31:19SPYSell300549.66Filled

  14:31:04METABuy60512.30Filled

  14:30:49AMZNSell150186.12Filled

  14:30:31MSFTBuy80428.55Filled

  14:30:18TSLABuy120244.87Rejected

  14:30:02NVDASell501189.20Filled

  14:29:47AAPLBuy200229.41Filled

  Fills Blotter

  A live order fills blotter for brokers and trading desks, streaming executions that land as working and resolve to filled or rejected.

  @ssych/fills-blotternpm
• BTC-USD

  0.51.05.010.0

  PriceSizeTotal

  67,413.01.1521.15267,414.00.5641.71667,415.50.5842.30067,417.01.4973.79767,417.50.5784.37567,418.50.9205.295

  67,412.5

  Spread 1.0, 0.15 bps

  67,412.00.3760.37667,410.51.3801.75667,409.51.0132.76967,408.01.0713.84067,406.53.1987.03867,405.00.9447.982

  Order Book

  A crypto exchange order book with bids, asks and depth bars, reading the cumulative size and value up to any price level.

  @ssych/order-booknpm
• AAPL

  TimePriceSize

  14:30:24227.97290

  14:30:23227.9915

  14:30:20228.0295

  14:30:18228.0426

  14:30:17228.0950

  14:30:14228.092,275block

  14:30:12228.073,610block

  14:30:11228.02240

  14:30:08228.01163

  14:30:06228.0749

  14:30:05228.0813

  14:30:02228.03101

  Trade Tape

  A live time and sales tape for trading terminals, streaming prints coloured by side and sized by volume, with block trades highlighted.

  @ssych/trade-tapenpm
• Add stock

  GOOGLAlphabet$182.40+3.4%Remove

  SPOTSpotify$642.89+1.9%Remove

  AMZNAmazon$201.30−2.1%Remove

  SNAPSnap$8.94−4.8%Remove

  Watchlist Stack

  A stock watchlist with an intraday sparkline, price and daily move per ticker, scrubbable for the price at any moment.

  @ssych/watchlist-stacknpm
• Today, October 2

  TBTBRD16:20Q3 EPS of $1.24 against $1.12 expected; platform revenue up 48% on the year.$186.42

  +4.60%

  KVKVR14:05Listed for spot trading on two new venues; USD and USDT books opened at 14:00.$412.30

  +9.80%

  ORORLA11:30Funds tracking it take $184M of net inflows, the fifth straight day of inflows.$148.20

  +3.10%

  Yesterday, October 1

  QRQRDX16:10Cuts full year revenue guidance to $21B from $23B on delayed rack shipments.$41.86

  −8.20%

  VLVLMR09:15Analyst upgrade to buy with a $560 target, up from $500, on cloud capacity.$512.40

  +1.90%

  Sample data: issuers, news and prices are invented.

  Market Event Feed

  A market events feed grouped by day, each headline with its ticker, price and move, for stock research and trading dashboards.

  @ssych/event-feednpm
• TimeSymbolSizePrice

  09:33:45SellBTC-USDCoinbase0.801597,451.46

  09:33:38BuyTAO-USDCoinbase41.36487.24

  09:33:31SellSOL-USDCoinbase339.75214.59

  09:33:24BuyNVDANasdaq546138.30

  09:33:17BuyETH-USDCoinbase2.9453,714.89

  09:33:10SellBTC-USDCoinbase0.162697,388.90

  09:33:03BuyTAO-USDCoinbase59.53486.92

  09:32:56SellSOL-USDCoinbase26.21214.62

  09:32:49SellNVDANasdaq637138.27

  09:32:42SellETH-USDCoinbase6.7333,712.32

  09:32:35SellBTC-USDCoinbase0.354297,419.44

  09:32:28BuyTAO-USDCoinbase34.73487.12

  09:32:21BuySOL-USDCoinbase125.16214.65

  09:32:14SellNVDANasdaq537138.25

  09:32:07SellETH-USDCoinbase1.2403,712.42

  09:32:00SellBTC-USDCoinbase0.691897,420.68

  New Items Pill

  A live trade feed that holds your place while new rows arrive and counts them into a pill, for tapes, alerts and activity feeds.

  @ssych/new-items-pillnpm