@askturret/grid1 million rows. 60 FPS. Zero server.

High-performance React data grid with Rust/WASM acceleration. Built for trading applications.

Get Started

View on GitHub

Live Demo

⚡

WASM-Powered Performance

Rust core handles sorting, filtering, and aggregation. Sort 100k rows in 12ms.

📊

Trading Components

OrderBook, TimeSales, PositionLadder, and TopMovers built-in. Everything you need for trading UIs.

🎯

Flash Highlighting

Green/red cell flashes on value changes. Adaptive mode auto-disables when FPS drops.

🔧

Column Management

Resizable and reorderable columns with drag & drop. CSV export included.

🎨

Themeable

CSS variables for complete control. Dark mode by default.

📦

Lightweight

~45kb bundle. No heavy dependencies. TypeScript-first.

Quick Example

tsx

import { DataGrid } from '@askturret/grid';
import '@askturret/grid/styles.css';

const columns = [
  { field: 'symbol', header: 'Symbol', sortable: true },
  { field: 'price', header: 'Price', flashOnChange: true },
  { field: 'volume', header: 'Volume' },
];

function App() {
  return (
    <DataGrid
      data={positions}
      columns={columns}
      rowKey="symbol"
      showFilter
    />
  );
}

Performance

Tested on AMD Ryzen, Linux, Chrome 131:

Operation	10k rows	100k rows	1M rows
Initial render	45ms	52ms	68ms
Sort (click)	2ms	5ms	18ms
Filter (trigram)	<1ms	<1ms	<2ms
10% row update	<16ms	<16ms	<16ms

Part of AskTurret

This grid is extracted from AskTurret, an AI-native desktop platform for traders.