v1.6.0 · fresh on npm

Your data is huge.Your DOM isn't.

ZenGrid renders only the rows you can see — a million-row dataset stays a handful of DOM nodes. TypeScript-first, plugin-ready, zero jank.

Start coding →View examples

1Mrows in the dataset

~30row nodes in the DOM

60fps while you scroll it

Kick the tires.

↓ this one's real — click a column header

customers.grid — 100,000 rows · virtualized

Sample of the customers dataset. The interactive, virtualized grid loads on scroll.
Name	Role	Region	Revenue	MRR	Status
Lucia Moreno	Analyst	LATAM	$231,400	$19,300	Active
Sofia Rossi	Eng Manager	EU-South	$205,100	$17,100	Active
Aria Vaskov	Data Engineer	EU-West	$184,200	$15,400	Active
Priya Nair	Staff SWE	APAC	$168,900	$14,100	Active
Kenji Tanaka	Product Lead	APAC	$92,750	$7,700	Trial
Otto Bergman	Platform Eng	EU-North	$57,300	$4,780	Churned
Marcus Webb	Designer	US-East	$43,600	$3,640	Trial

grid.ts

// a million rows, one call
import { ZenGrid } from '@zengrid/core'

const grid = new ZenGrid(el, {
  data: rows,
  columns,
  virtual: true,
  sortable: true,
  editable: true,
})

Typed end to end

Columns, editors, events, and plugins are all typed APIs — your IDE knows your grid.

Spreadsheet muscle

Selection, clipboard, keyboard nav, inline editing, multi-sort, and deep filtering built in.

Backend-ready

Load rows on demand with backend hooks — infinite scroll without holding it all in memory.

Simple pricing for your team.

Solo includes one developer seat. Team includes ten.

Community

open source · forever

✓ Full core grid, MIT licensed✓ Virtual scrolling & sorting✓ Community support

Star on GitHub

Solo

$120

1 developer seat · per year

✓ 1 developer seat✓ All pro plugins & editors✓ Email support

View Solo