Skip to content

Example apps

Test Mog inside real product surfaces

Runnable examples that show Mog embedded in document workspaces, chat products, branded sheet tools, and full spreadsheet apps.

Product teams building document or workspace apps

Notion-style sheet app

A document workspace with an embedded editable task sheet, host-owned toolbar, sorting controls, formula input, dirty state, and save semantics.

@mog-sdk/sheet-viewMog workbook API
  • -Editable task table
  • -Host-owned document chrome
  • -Sort, add row, reset, and save controls

AI products that need live spreadsheet artifacts

Chatbot with generated sheets

A chat product where the assistant emits a live SheetView artifact inline, mutates workbook data with local tool actions, and summarizes sheet state.

@mog-sdk/sheet-viewMog workbook API
  • -Inline sheet artifact in chat
  • -Deterministic local planner
  • -Tool actions that create and update sheets

Apps that need a complete spreadsheet surface

Full spreadsheet app embed

A React host application embedding the real Mog spreadsheet app surface with runtime-owned sessions, import controls, command bar, formula bar, grid, and sheet tabs.

@mog-sdk/spreadsheet-appReact
  • -Full Mog spreadsheet chrome
  • -Host-owned workbook runtime
  • -Browser XLSX import

Apps that need spreadsheet UI inside custom workflows

Custom sheet chrome

A host-owned shell around the SheetView grid with file import, sheet selection, zoom controls, formula editing, status UI, and custom skinning.

@mog-sdk/sheet-viewMog workbook API
  • -Custom toolbar and status bar
  • -XLSX import
  • -Zoom and formula editing

Products with highly branded spreadsheet experiences

Fantasy ledger

A themed ledger app that applies a deep non-persistent SheetView skin for background, gridlines, headers, selection, and fill handle styling.

@mog-sdk/sheet-viewMog workbook API
  • -Deep SheetView skinning
  • -Multi-sheet ledger data
  • -Custom formula bar and totals

Build your own integration

Use the tutorials when you want the implementation path behind the demos.