@p10node/office-engine

View + edit DOCX / XLSX / PPTX directly in the browser, open and edit DOC / XLS / PPT (Office 97-2003), RTF and OpenDocument (ODT / ODS / ODP), view Apple Pages, Keynote and Numbers files, open CSV, text, Markdown, HTML and SVG as editable sheets / documents, and draw Mermaid, PlantUML and Graphviz diagrams (no server, no extra library). Loads progressively like Google Docs, handles heavy files, one-line React embed, saves back to the original format.

Zero runtime dependencies, zero servers. Parsing, layout, formulas, diagrams and ZIP are all in the library, running in a Web Worker: nothing leaves the browser.

Open a 55 GB CSV in a browser tab. There is no row limit: the first screen shows in seconds, 12 million cells stay in memory and every other row is read from the file the moment it scrolls into view. 500 million rows × 10 columns (55 GB) open in ~4.5 min in Chrome, 100 million (10.6 GB) in ~50 s, and the tab stays under 1 GB of memory either way, whether the file has one million rows or five hundred. XLSX goes to Excel's full 1,048,576 × 16,384 (300k rows open in ~2 s), DOCX to thousands of pages, PPTX to hundreds of slides.

npm · Live demo · Docs

The demo has samples, heavy files (300k-row sheet, 305-slide deck), drag & drop your own file, edit and download.

Real-time collaboration

300k-row XLSX open in the browser

DOCX editor	PPTX editor

Install

bun add @p10node/office-engine   # peer: react >= 18, react-dom >= 18

Usage

import { DocViewer } from '@p10node/office-engine'

<DocViewer src={file} style={{ height: 600 }} />                 // File | Blob | ArrayBuffer | Uint8Array
<DocViewer src="https://cdn.example.com/report.xlsx" />          // URL → Range requests
<DocViewer src={file} editable onSave={(blob, name) => upload(blob, name)} />

CSS is auto-injected. Container must have a height.

Without React:

<script src="office-engine.embed.js"></script>   <!-- dist/, bundles React + worker -->
<office-viewer src="/files/report.docx" style="height:600px"></office-viewer>

Docs

Also online at p10node.github.io/office-engine.

• Features: format coverage, editing, saving, limitations
• API: props, custom views, mount(), <office-viewer>, core API, CSP
• Real-time collaboration
• Development: playground, architecture, demo deploy, release

This is the beginning of the README. Read the rest at the original. Read the full README ↗