// the find
glideapps/glide-data-grid
🚀 Glide Data Grid is a no compromise, outrageously fast react data grid with rich rendering, first class accessibility, and full TypeScript support.
Canvas-based React data grid designed for large datasets — millions of rows, rapid updates, built-in editing. It's the open-source version of what Glide uses internally for their spreadsheet product, which means it has real production mileage behind it. Targets developers who need a fast, feature-rich grid and don't want to fight DOM virtualization performance ceilings.
- Canvas rendering sidesteps the DOM virtualization trap entirely — scrolling through 1M rows actually stays smooth, not just in demos but in practice, because there's nothing to mount/unmount per frame.
- Serious test coverage: the core package has 30+ test files covering rendering, input, copy-paste, row grouping, and edge cases. That's rare for a UI component library of this type.
- The Storybook is genuinely useful as documentation — 60+ example stories that are interactive, not just screenshots. Things like server-side data, streaming updates, and custom cell renderers all have runnable examples.
- The @glideapps/glide-data-grid-source package ships composable hooks (useColumnSort, useUndoRedo, useMovableColumns) that handle common data-management patterns without locking you into a specific state model.
- Custom cell renderers must use HTML Canvas API directly. If you need something like a dropdown or date picker inside a cell, you're writing canvas drawing code, which is tedious and hard to style. The extra cells package helps but it's a separate install and the cells are opinionated.
- No built-in sorting or filtering — the FAQ frames this as a feature, but in practice it means every consumer reimplements the same column-header-menu-plus-data-sort dance. The useColumnSort hook from the source package is minimal.
- Accessibility is acknowledged as a weak point in the README itself. Canvas grids are structurally hostile to screen readers and the maintainers admit they don't test with assistive technology.
- Peer dependencies include lodash and react-responsive-carousel, which is a strange choice for a data grid — pulling in a full carousel library as a peer dep for what amounts to image cell previews is a notable bundle cost if you don't already have those.