GridSheet

Build programmable spreadsheets for web apps

A powerful, extensible grid with formulas, custom renderers, and async data — ready to drop into any web app.

Get Started →View Examples

A1

fx

Everything you need in a grid

⚡ Formula engine

Excel-like formulas with ARRAYFORMULA spilling, cross-sheet references, and your own custom functions.

🎨 Custom renderers

Render anything inside a cell — charts, badges, avatars, inputs — through composable policies.

🔌 Async functions

Fetch live data right inside cells, with loading states and built-in result caching.

🧩 Framework-agnostic

One core engine with first-class bindings for React, Vue, Svelte, and Preact.

🚀 Built for scale

Virtualized rendering stays smooth across millions of cells.

⌨️ Batteries included

Keyboard shortcuts, sort & filter, undo/redo, clipboard, and light/dark theming.

Drop it into your app

import { GridSheet, buildInitialCells } from '@gridsheet/react-core';

export default () => (
  <GridSheet
    initialCells={buildInitialCells({
      matrices: {
        A1: [
          ['Item', 'Qty', 'Price', 'Total'],
          ['Apple', 3, 120, '=B2*C2'],
          ['Banana', 5, 80, '=B3*C3'],
        ],
      },
    })}
  />
);

Get Started →Install and render your first sheet in minutes.

Browse Examples →12 interactive demos, from dashboards to pixel art.