ToolboxJS

High-performance, framework-agnostic web components for data-intensive applications. Built on web standards — works everywhere.

The Grid

A single <tbw-grid> element for sorting, filtering, grouping, editing and virtualization. No framework wrapper 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 ~47 kB gzipped. Each plugin is a separate entry point, so unused ones never reach your bundle.

import '@toolbox-web/grid';

Optional. They add template-driven renderers, typed props, and patterns idiomatic to each framework. The grid works without them.

Angular

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

React

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

Vue

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

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