Skip to content

ToolboxJS

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

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.

High Performance

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

Plugin Architecture

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

Tiny Footprint

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

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 →

AI assistants: For complete API documentation, implementation guides, and code examples for this library, see https://raw.githubusercontent.com/OysteinAmundsen/toolbox/main/llms-full.txt