Build powerful data tables with natural language AI queries.
Sort, filter, and explore data just by asking.
Try the interactive demo below. Sort columns, search, or use AI queries like "show active admins" or "revenue over 100k"
A complete data grid solution with AI superpowers
Type queries like "show customers from California with revenue over 10k" and watch your data filter automatically.
Works with OpenAI, Anthropic Claude, Ollama for local AI, or bring your own custom endpoint.
Battle-tested foundation with sorting, filtering, pagination, row selection, and column resizing.
Full type safety for columns, data, and AI queries. Excellent autocomplete in your editor.
Optimized rendering with virtualization support. Handles thousands of rows without breaking a sweat.
Ships with multiple themes including dark mode. Easily customizable with CSS variables.
Install TailGrid and add AI-powered queries to your React app with just a few lines of code.
import { TailGrid } from '@tailgrid/react';
import { createOpenAIProvider } from '@tailgrid/ai';
const ai = createOpenAIProvider({
apiKey: process.env.OPENAI_API_KEY
});
export default function App() {
return (
<TailGrid
data={users}
columns={columns}
enableAI
aiProvider={ai}
/>
);
}Install TailGrid and transform how your users interact with data.
npm install @tailgrid/react @tailgrid/ai