Excel-like Data Grid, Pivot Table & Charts
A powerful, performant data grid with built-in filtering, sorting, and free pivot tables. Same API, same features — choose your framework. Upgrade for advanced aggregations, charts, AI Analyst, and no watermark.
pnpm add @smallwebco/tinypivot-vueRead the latest update: free pivot tables + lifetime Pro licensing →
Features
Everything you need for data-heavy Vue applications
Excel-like Grid
Column filtering, sorting, and smart number formatting
FreeGlobal Search
Search across all columns with Ctrl+F shortcut
FreeCSV Export
One-click export to CSV with custom filename
FreePagination
Page through large datasets with configurable size
FreeClipboard
Copy selected cells with Ctrl+C keyboard shortcut
FreeDark Mode
Light, dark, or auto theme based on system
FreePivot Table
Drag-and-drop pivoting with Sum aggregation, totals, and expand/collapse row groups
FreeCalculated Fields
Build formulas like profit margin and derived metrics
FreeChart Builder
6 chart types with drag-and-drop configuration
ProAI Data Analyst
Natural language queries with your own API key (BYOK)
ProAI Data Analyst (BYOK)
Let users explore data with natural language. Bring Your Own Key — use OpenAI, Anthropic, or any LLM.
Natural Language Queries
Users ask questions in plain English — no SQL knowledge needed
Bring Your Own Key
Use your OpenAI, Anthropic, or OpenRouter API key — full cost control
Privacy-First
Your data never passes through our servers — queries run in your environment
Multiple Data Sources
Connect PostgreSQL, DuckDB WASM, or any SQL backend
<script setup lang="ts">
import { DataGrid, setLicenseKey } from '@smallwebco/tinypivot-vue'
import '@smallwebco/tinypivot-vue/style.css'
// Activate Pro license
setLicenseKey('YOUR_LICENSE_KEY')
const data = [...] // Your data array
// AI Analyst configuration
const aiConfig = {
enabled: true,
endpoint: '/api/tinypivot', // Your server endpoint
aiModelName: 'Claude Sonnet', // Display in UI
persistToLocalStorage: true,
}
</script>
<template>
<DataGrid
:data="data"
:ai-analyst="aiConfig"
/>
</template>Includes PostgreSQL backend, server handler setup, and DuckDB WASM for client-side queries
Up and Running in 30 Seconds
No complex configuration. No boilerplate. Just install, import, and go.
Install
One package, zero peer deps (except Vue)
pnpm add @smallwebco/tinypivot-vueImport
Just two lines of setup
import { DataGrid } from '@smallwebco/tinypivot-vue'
import '@smallwebco/tinypivot-vue/style.css'Use
Pass your data, done.
<DataGrid :data="yourData" /><script setup lang="ts">
import { DataGrid } from '@smallwebco/tinypivot-vue'
import '@smallwebco/tinypivot-vue/style.css'
const data = [...] // Your data array
</script>
<template>
<DataGrid
:data="data"
:enable-search="true"
:enable-export="true"
:show-pivot="true"
theme="light"
/>
</template>
Full control when you need it
All features are toggled via simple props:
:enable-searchtrueGlobal search across all columns:enable-exporttrueCSV export button in toolbar:enable-paginationfalsePaginate large datasets:page-size50Rows per page:enable-column-resizetrueDrag column edges to resize:enable-clipboardtrueCtrl+C copies selected cellstheme"light""light" | "dark" | "auto":show-pivottrueShow pivot table togglenumber-format"us""us" | "eu" | "plain"date-format"iso""us" | "eu" | "iso"Live Demo
Try the grid, pivot table, and chart builder with 10,000 rows of sample data
Simple Pricing
One-time payment, lifetime Pro license. Works for both Vue and React.
Free
- Data Grid
- Sorting
- Filtering
- Search
- Export CSV
- Pagination
- Column Resize
- Clipboard
- Dark Mode
- Keyboard Nav
- Pivot Table (Sum)
- Row/Col Totals
- Calculated Fields
- Formula Builder
- Expand/Collapse Row Groups
Pro
Lifetime Pro license for 1 developer, 1 project.
- Data Grid
- Sorting
- Filtering
- Search
- Export CSV
- Pagination
- Column Resize
- Clipboard
- Dark Mode
- Keyboard Nav
- Pivot Table (Sum)
- Row/Col Totals
- Calculated Fields
- Formula Builder
- Expand/Collapse Row Groups
- Advanced Aggregations (9+)
- Pivot Drill-Through
- AI Data Analyst (BYOK)
- Natural Language Queries
- Chart Builder (6 types)
- No Watermark
Used by teams that need self-serve analytics
See what teams are saying about TinyPivot.
TinyPivot has been a great addition to our analytics platform, giving our customers intuitive, interactive data grid and pivot table capabilities without the overhead of building our own solution. Small Web Co has been incredibly responsive — actively listening to our use cases and shipping improvements quickly. It’s a high-quality, well-maintained library that delivers real value at a fraction of the cost of alternatives.
Thank you so much! We found Brice to be a highly skilled, meticulous, and helpful developer. We had the opportunity to use TinyPivot, which enabled our colleagues to generate and view analytics on orders, website traffic, and performance independently, without placing a strain on the company’s IT team. We even made modifications to the plugin to suit our specific needs.
Ready to supercharge your Vue app?
Give your team a lightweight grid with built-in pivoting, then upgrade when you need richer analytics.
pnpm add @smallwebco/tinypivot-vue