Build apps where your users
and their agents share one grid.
A spreadsheet inside your app. Excel-compatible, and open to any agent. One React component.
A grid shows data. A spreadsheet lets your users change the logic.
Formulas, named ranges, conditional formats and pivots, in the grid your users already know, inside your product.
Logic, not just rows
A data grid displays what your code computed. A spreadsheet lets the user write the formula, name the range, and see it recalculate.
Excel in, Excel out
Import and export xlsx without losing the model. Formulas, names, formats, charts and pivots survive the round trip.
Agents already know spreadsheets
Your users' agents can work in the grid you embed, through the same engine, with the same undo.
Your users' spreadsheets just work.
The files they have, the shortcuts they know, the functions they use.
Figures as of November 2026, measured in the browser on the reference workbook.
Built by developers who were tired of rebuilding grids.
- TypeScript API across the engine and the grid, with scripting and custom functions that need no build step.
- Theming and Material UI integration, or a headless engine under your own UI.
- Open source where it matters: the UI packages and skills are MIT, and the engine is free to evaluate.
- Guides for React, vanilla JavaScript and Vue, and a full API reference.
One engine, three layers.
A component for your app, a library for your server, a plugin for the agent you already run. Most spreadsheet vendors cover one layer.
| In your appA spreadsheet UI you embed | On your serverA calculation library for Node | With your agentA plugin for the agent you already run | |
|---|---|---|---|
| SheetXL | |||
| Univer | |||
| GRID | |||
| SpreadJS | — | — | |
| SheetJS Pro | — | — | |
| HyperFormula | — | — | |
| Coherent Spark | — | Their server | — |
| Handsontable | — | — | — |
| AG Grid | — | — | — |
| Shortcut | — | — | Their agent |
| Tracelight | — | — | Their agent |
Checked November 2026 against each vendor's public product and pricing pages. A check means a supported product for that layer that runs where you run. "Their server" and "Their agent" mean the vendor does it inside their own product: on their servers, or with their AI, not yours.
One price per app.
Apps pay per app. Trying it is free, and your files are never hostage.
- 10 developer licenses included
- Evaluation is free; the watermark is off on localhost
- Files always open, edit and save, on every tier, forever
- Formatting, charts, pivots, Excel files in and out
Startups: $999 the first year.
Developer licenses, $745 each, are for building and needed only above the included ten.
Put a spreadsheet in your app that agents can use too.
Pick a path: paste the prompt into your agent, add the component, or start a new project.
Paste into Claude Code, Codex, Cursor or any agent that can run a shell.
Install SheetXL skills: npx -y skills add sheetxl/skills -g --allThen scaffold a React app with npm create sheetxl (the Studio template), load budget.xlsx into it, and add a button that asks you to find anything wrong in the model and highlight it in the grid.