Data grid and pivot grid for React and JavaScript

A million rows, sorted and filtered in a Web Worker — measured, not claimed. 98 of 136 features need no licence key.

Try them, right here

Two components, real data, running in your browser. Nothing to install.

DataGrid

ReactBuilt for ReactJavaScriptPlain JavaScript, no framework required
View Demos
Loading the demo…

PivotGrid

ReactBuilt for ReactJavaScriptPlain JavaScript, no framework required
View Demos
Loading the demo…
Community · free forever

98 of 136 features need no licence key

No trial clock, no watermark, no signup. Commercial use included. The paid tiers start where you change the data and where you take it out — editing, server-side data, styled Excel and PDF export, charts.

Install and render

npm install @kanunilabs/datagrid-react
import { DataGrid } from '@kanunilabs/datagrid-react';
import '@kanunilabs/datagrid-react/styles.css';

<DataGrid
  gridId="sales"
  dataSource={rows}
  rowKey="id"
  columns={columns}
  style={{ height: 600 }}
/>

No bundler configuration: the Web Worker is compiled into the package and started from a Blob URL. Prefer no framework? createGrid() does the same without React.

Measured, and reproducible

Sort, numeric
90 ms
Sort, text
108 ms
Filter, equality
19 ms
Free-text search
58 ms

1,000,000 rows × 15 columns, worker path, median of 5 runs. The method, and the command to run it yourself.

  • 3,086 tests across 259 files
  • 82/82 features have a live, editable demo
  • 18 published releases
  • 12 locales, Arabic RTL included

One core, many components

A framework-agnostic core powering a growing suite of high-performance data components.

PivotGrid
Available

PivotGrid

High-performance pivot tables with a Web Worker engine, calculated fields, charts and export.

ReactBuilt for ReactJavaScriptPlain JavaScript, no framework required
View docs
DataGrid
Available

DataGrid

A fast, virtualized data grid — sorting, filtering, grouping and inline editing.

ReactBuilt for ReactJavaScriptPlain JavaScript, no framework required
View docs

Everything you expect — and faster

Built on a framework-agnostic core with a battle-tested Web Worker engine, delivered as polished React components.

Web Worker engine

Columnar storage + trie grouping keep the UI smooth on huge datasets.

Calculated fields

CSP-safe formula editor with live preview — no eval, no risk.

Charts

Sync any pivot view to a chart with one prop. Powered by Recharts.

Advanced filtering

Visual prefilter builder, header filters, and drill-down to source rows.

Export

Excel and PDF export, streamed off the main thread for large grids.

12 locales + RTL

Localized out of the box, including full right-to-left support.

Questions people ask first

Is it really free?

The Community edition is, for both components: 50 of the 82 DataGrid features work with no licence key, no watermark and no expiry, and commercial use is included. Paid tiers add editing, server-side data, styled Excel and PDF export, charts and multi-level grouping.

Is it open source?

No. Community is free of charge but proprietary — the source is not distributed. If an OSI-approved licence is a requirement for you, this is the wrong library and it is better to know now.

Which frameworks are supported?

React 18+ and plain JavaScript with no framework at all. The JavaScript renderer has full feature parity, enforced in CI, and ships a UMD build so a script tag is a complete install. Angular and Vue are not supported today.

How fast is it, really?

At 1,000,000 rows by 9 columns, on the code path the worker runs, median of 3 runs: numeric sort 101 ms, text sort 90 ms cached (1.8 s on the first query, which builds a sort index), equality filter 18 ms, free-text search 65 ms cached (413 ms on the first query). The performance page publishes the method and the command so you can run it on your own machine.

Do I need to configure a Web Worker?

No. The worker is compiled into the package and started from a Blob URL, so there is no file to copy into public/, no bundler recipe and nothing to import. Vite, webpack, Next.js and Parcel all work as they are — and so does no bundler at all.

One licence covers both components?

Yes. A paid key unlocks the Enterprise features of DataGrid and PivotGrid together. There is no second purchase and no second key.

What happens when my subscription ends?

You keep the last version you paid for, and applications already shipped with it stay licensed and keep working. You stop receiving new versions and support. Nothing you have deployed starts showing a watermark.

Can I try it before buying?

Install the Community edition and build with it for as long as you like — it is not a trial. For the paid features, every one of them has a live, editable demo in the playground, and the enterprise guides show the configuration. There is no time-limited Enterprise trial key today.

See it handle real data

Pivot, filter, and chart a large sales dataset right in your browser — no signup.