Teams get real spreadsheet interactions on the UI library they already use, without adopting a heavy grid framework.
Made with React, TypeScript, Radix, Fluent UI and MCP.
- Component or hooks
- Radix / Fluent adapters
- MCP docs + testing bridge
2026. Active.
OGrid
A React data grid with spreadsheet features built in: sorting, filtering, pagination, cell editing, range selection, copy/paste, and the fill handle. Drop in the component, or compose the hooks onto your own table.
The problem
Most data grids force you into their styling and component model just to get spreadsheet-style editing.
What I built
A Turborepo monorepo with a shared core grid model, a React layer, and Radix and Fluent UI adapters, plus xlsx import/export packages and an MCP server that lets AI editors search the docs and drive live grid instances in a running app. The earlier vanilla JS, Material, Angular, and Vue variants are frozen on a legacy branch.
Where it is now
It ships as MIT-licensed npm packages with documentation, an AG Grid migration guide, and a Discord community.