FS

fancy-sheets

@particle-academy/fancy-sheets

Full spreadsheet with formulas, multi-sheet workbooks, clipboard, CSV import/export.

TSUI · 2 components2 components
$npm install @particle-academy/fancy-sheets
Authoring surface
Humans compose it

Controlled value + onChange, JSON-friendly props, terse defaults — so people (and agents) build it fast.

Inhabited surface
Agents drive it over MCP

A bridge in @particle-academy/agent-integrations exposes typed tools — agents read and mutate state through stable handles, never DOM scraping.

sheet_set_cellsheet_paintsheet_add_sheet
Why
Off shelf spreadsheets cost per seat homemade takes months embedded hostile lightweight zero dependency engine
What
Spreadsheet component with data onChange control sheets cells formulas JSON useSpreadsheet hook actions state formulas detection clipboard frozen rows serializable A1 handles agents without DOM
How
Install npm fancy sheets wrap container compose Spreadsheet Toolbar Grid SheetTabs Inertia wrap FancyClientOnly control data prop dispatch actions useSpreadsheet

Components

2 components · click any tile for a full demo, source, and install snippet.

SheetWorkbookOpen →
ABC
1RegionQ1Q2
2North1,2001,540
3South9801,110
SalesCosts
Root workbook component.
createEmptyWorkbookOpen →
factory · headless
const wb = createEmptyWorkbook({
sheets: ["Sales"],
})
Workbook factory.