The TypeScript data grid
developers deserve
EliteGrid is a high-performance TypeScript data grid with a grouped config API, full WCAG 2.1 AA accessibility, React & Vue adapters — and documentation so clear you won't need AI to integrate it.
Get notified when EliteGrid launches publicly.
See it in action.
Right now.
Write real EliteGrid code and watch it render instantly — virtual scroll, inline editing, CSV export and more. Switch between React and Vue. No install, no setup, no signup.
Built different,
by design
Most grids were built for feature lists, not developer experience. EliteGrid was built for the developer first.
Grouped Config API
sort={{ multi: true }} not enableMultiColumnSorting. Every feature has its own namespace. Config that reads like English.
TypeScript Native
Full type inference across config, events, and plugins. TypeScript catches configuration mistakes before runtime.
Plugin Architecture
Microkernel core where every feature is an independent plugin communicating through a shared event bus. Clean separation, zero coupling, no circular dependencies.
React & Vue Ready
First-class adapters in V1 with hooks — useGrid(), useSelectionState(). Framework-agnostic core for future adapters.
Docs You Can Trust
Written so a junior developer can integrate from docs alone — no AI, no Stack Overflow, no tribal knowledge.
Zero Dependencies
Pure TypeScript core with zero runtime dependencies. No bloat, no supply chain risk, no unexpected breaking changes.
Code that reads
like prose
Grouped, namespaced, and fully typed. Config that reads like English.
import { EliteGrid } from '@elitegrid/react'
export default function App() {
return (
<EliteGrid
data={rows}
columns={columns}
sorting={{ multi: true }}
filtering={{ debounce: 300 }}
pagination={{ pageSize: 25 }}
selection={{ mode: 'multi' }}
editing={{ trigger: 'doubleClick' }}
appearance={{ theme: 'dark', density: 'compact' }}
export={{ csv: { filename: 'my-export' } }}
events={{
onReady: (api) => setApi(api),
onEditCommit: (id, field, value) => save(id, field, value)
}}
/>
)
}Everything users
expect — and more
EliteGrid ships with a complete set of end-user features out of the box. No plugins to hunt for, no extra config required.
Sort
Single and multi-column sort with priority order. Three-state cycle. Custom comparators. Stable sort guaranteed.
Filter
Text, number, date, and boolean filters. Contains, equals, between, starts with, and more — per column.
Pagination
Client-side and server-side pagination. Configurable page size, page size selector, and row count display.
Inline Editing
Cell editing with sync and async validation. Tab and Enter navigation. Optimistic updates with rollback on error.
Row Selection
Single and multi-select with checkboxes. Shift+click range, Ctrl+click toggle. Persists across sort and filter.
CSV Export
Export all rows, filtered rows, or selected rows. Custom filename, proper escaping, separate export formatter.
Theming
Light, dark, and auto (OS) themes. Compact, normal, comfortable density. ~50 CSS variables for full customization.
Column Controls
Resize, reorder, pin left/right, and hide columns. Save and restore column state for user preferences.
Keyboard Navigation
Full ARIA Grid Pattern keyboard support. Arrow keys, Home, End, PageUp, PageDown, Ctrl+Home, Ctrl+End.
The road ahead
EliteGrid is actively evolving. Here's where we are and where we're going.
Core Engine
Microkernel architecture with 13 plugins — DataSource, RowModel, ColumnModel, Filter, Sort, Pagination, Viewport, Selection, Edit, CellValue, Focus, Announcement, Export. 662 passing tests.
Grouped Config API
Namespaced configuration system. sorting={{ multi: true }} not enableMultiColumnSorting. TypeScript catches config mistakes at authoring time.
React, Vue & JavaScript Adapters
First-class React and Vue adapters with hooks — useGrid(), useSelectionState(), usePaginationState(). Vanilla JavaScript adapter for framework-free usage. Full WCAG 2.1 AA accessibility out of the box.
Sandbox & Docs
Interactive React and Vue sandboxes on StackBlitz. Documentation written so a junior developer can integrate EliteGrid without AI assistance.
Public Launch
Community version goes public on npm. ProductHunt launch. Install with npm install @elitegrid/core.
Svelte & Angular Adapters
Native Svelte and Angular adapters launching shortly after V1 — bringing EliteGrid to every major framework ecosystem.
Row Grouping & Aggregation
Group rows by any column. Sum, average, count, min, max aggregations. Collapsible groups with keyboard support.
Excel Import & Export
Import data from XLSX files with column mapping. Export to Excel with formatting, column widths, and custom styles.
Real-time Data
WebSocket data source with automatic row updates, additions, and deletions. Smooth animations for live data changes.
Server-side Operations
Server-side sorting, filtering, and pagination. Delegate all data operations to your backend for massive datasets.
Advanced Features
Pivot mode, master-detail rows, tree data, infinite scroll, charts integration, formula cells, context menu, row drag & drop.
Accessible
by default
Full WCAG 2.1 AA compliance ships as part of the default experience — zero configuration required. Every user deserves a great grid, not just sighted mouse users.
Be first.
Build better.
Join the waitlist and be first to know when EliteGrid launches publicly on npm.
Try the Playground first →No spam. One email at launch.
