Skip to content
TailGrid

Introduction

Welcome to TailGrid

TailGrid is an open-source, AI-powered data grid that brings natural language querying to your web applications. Built on TanStack Table, it combines battle-tested table logic with cutting-edge AI capabilities.

What makes TailGrid different?

No major data grid offers AI-native features. TailGrid is the first.

Natural Language Queries

Type “customers in California with revenue > 10k” and TailGrid automatically filters your data.

Multi-Provider AI

Works with OpenAI, Anthropic Claude, Ollama (local), or your custom AI endpoint.

Framework Agnostic

React today, Vue and Svelte coming soon. Same API across all frameworks.

MIT Licensed

100% free and open-source. No enterprise features locked behind paywalls.

Quick Example

import { TailGrid } from '@tailgrid/react';
import { createOpenAIProvider } from '@tailgrid/ai';
import '@tailgrid/react/themes/default.css';


const aiProvider = createOpenAIProvider({
  apiKey: process.env.OPENAI_API_KEY,
});


function App() {
  return (
    <TailGrid
      data={customers}
      columns={columns}
      enableSorting
      enableFiltering
      enablePagination
      enableAI
      aiProvider={aiProvider}
    />
  );
}

Packages

PackageDescription
@tailgrid/coreFramework-agnostic core logic
@tailgrid/reactReact components and hooks
@tailgrid/aiAI query parsing (multi-provider)

Next Steps