ToolboxJS

The Grid

A single <tbw-grid> element that handles sorting, filtering, grouping, editing, virtualization, and more — out of the box. No framework wrappers required.

Framework Agnostic

Pure TypeScript web component. Works natively in vanilla JS, React, Angular, Vue, Svelte, and any other framework.

<tbw-grid></tbw-grid>

High Performance

Row virtualization, batched DOM updates, and a render scheduler keep scrolling smooth even with 100k+ rows.

grid.rows = rows; // 100k rows, still smooth

Plugin Architecture

24 built-in plugins for selection, editing, filtering, grouping, column reordering, export, and more. Tree-shakeable — only pay for what you use.

import '@toolbox-web/grid/features/selection';

Tiny Footprint

Core bundle ~45 kB gzipped. Each plugin is a separate entry point — no bloat from unused features.

import '@toolbox-web/grid';

Framework Adapters

Optional adapters provide enhanced DX for your framework of choice — template-driven renderers, type-safe props, and idiomatic patterns.

Angular

Directives for template-driven column renderers and editors, reactive forms integration, and ControlValueAccessor support.

Angular docs →

React

<DataGrid> component with JSX renderers, useGrid / useGridEvent hooks, and React Query integration patterns.

React docs →

Vue

<DataGrid> component with slot-based renderers, useGrid / useGridEvent composables, and markRaw patterns.

Vue docs →

Safe to Depend On

Zero runtime dependencies, MIT licensed, semantically versioned per package, with a published deprecation window and browser baseline.

Platform & Support policy →