Skip to main content
Tally is the data grid with a query language, saved views and a backend protocol. Typed columns, grouping, live rows, undo, cards on phones, AI that writes real queries, and an MCP server so your coding agent knows where every change goes. The engine lives in tally-core and knows nothing about the DOM. tally-react renders it as a full component, and tally-vue, tally-svelte and tally-solid bind it to their frameworks. Rows come from an array, from any server that speaks the Tally Query Protocol, or from an adapter for TanStack Query, TanStack DB or Supabase.

Installation

Install the packages and import the styles.

Your first grid

A schema, an array of rows and one component.

Data sources

Arrays, HTTP servers and adapters, and when to use each.

Schema and columns

How a schema describes your rows.

Query language

Filters, sorts and groups as text.

Guides

Filtering, grouping, editing, live updates, theming and more.

Frameworks

The React component and the Vue, Svelte and Solid bindings.

Backends

The protocol, the Node and Laravel servers and the client adapters.

AI and agents

Questions to queries, AI columns and the MCP server.

Packages

Every package and what it does.