Render PowerPoint in your browser

Running right on this page

This viewer uses the published npm package @web-ppt/core. Drop in your own file. It will not be uploaded anywhere.

Parsing and rendering happen on your device. No network request sends your file elsewhere.

Fidelity & performance

Feature matrix

Each format has its own parser. Both use the same rendering schema.

Get started

import { parse, renderSlideToSvg } from '@web-ppt/core';

const pres = await parse(file);   // File | Blob | ArrayBuffer
el.innerHTML = renderSlideToSvg(pres, pres.slides[0]);

import { Viewer } from '@web-ppt/viewer-core';

const v = new Viewer(box, pres, { animate: true });
v.next();          // Play animations before advancing
v.setZoom(1.5);
await v.exportPng(2);

import { PresentationState } from '@web-ppt/viewer-core';

// DOM-free state machine for React / Vue
const st = new PresentationState(pres);
st.subscribe(setState);
st.next(); st.search('keyword');

import { parseInWorker } from '@web-ppt/core';

const w = new Worker(
  new URL('@web-ppt/core/worker', import.meta.url),
  { type: 'module' });
const pres = await parseInWorker(w, buf);

await slideToPng(pres, slide, 2);        // → Blob
await slideToSvgFile(pres, slide);       // → string
await presentationToPrintableHtml(pres); // Print to PDF in the browser

// Inject chart parsers and metafile decoders through hooks
setChartParser(myChartParser);
setMetafileDecoder(undefined);  // Save ~15KB gzip

Architecture

Parsing and rendering are independent. The renderer knows the schema, not file formats.

Hard cases

These are real bugs we encountered, not invented examples. Each pair shows a naive approach on the left and this engine rendering the same .pptx.

The corpus contains 242 public Apache POI test files. Excluding 22 deliberately corrupt fuzzing samples, the success rate is 210/220; the remaining 10 are truncated or empty files, PowerPoint 95/4.0, or encrypted files with unknown passwords.

Packages

Sizes sum the gzipped default entry and all relative static chunks, excluding peers and dynamic entries.

Framework adapters and collaboration are separate optional packages. Parsing, viewing and local editing do not load unused features.