Workbook previews for web apps

PDF.js for spreadsheets.

Preview Excel XLSX files directly in the browser.
No upload. No server. No Microsoft Office dependency.

npm install @datagridxl/spreadsheet-preview

Try it

See it in action.

Open a realistic sample workbook, or select your own local .xlsx file. Local files stay in your browser and are passed directly to the component.

Preview any file

Try it yourself

Select a local workbook. It stays in your browser.

Preview theme

No upload

Files can stay entirely in the browser. Use a local File object or a hosted workbook URL.

No Excel required

Render workbook previews without Microsoft Office, Excel Online, or desktop automation.

Built for web apps

Drop a view-only spreadsheet preview into SaaS products, portals, and enterprise tools.

Developer experience

Simple integration for product teams.

Use the constructor API or Web Component in product apps, framework islands, and CMS pages. TypeScript types are included.

TypeScript Angular React Vue Web Component

npm install @datagridxl/spreadsheet-preview

import SpreadsheetPreview from "@datagridxl/spreadsheet-preview";

const preview = new SpreadsheetPreview(container, {
  file,
  height: 640,
});

Workbook previews

Inspect real workbook structure.

SpreadsheetPreview uses browser-side workbook parsing and virtualized grid rendering so users can move through sheets, frozen panes, images, and formatted cells without a server-side conversion step.

Virtual scrolling All worksheets Floating images Frozen panes Browser-side rendering

Licensing

Start with the community build. Add a commercial license when you ship.

Commercial licenses are per product. See the license terms.

View pricing

FAQ

Does data leave the browser?

No. Local files are passed to the component as browser File objects. Hosted workbook URLs are fetched by the browser.

Does this require Microsoft Excel?

No. SpreadsheetPreview renders workbook previews without Microsoft Office or Excel Online.

Is it view-only?

Yes. SpreadsheetPreview is designed for previewing and inspection, not spreadsheet editing.

Which workbook features are supported?

SpreadsheetPreview supports XLSX files, multi-sheet workbooks, virtual scrolling, frozen panes, floating images, conditional formatting, dark mode, browser-side rendering, and framework integrations.

How close is the preview to Excel?

SpreadsheetPreview is designed for high-fidelity workbook previews in web apps, but it is not a full Excel runtime. Some fonts may fall back to browser-available alternatives, charts can render as placeholders, and formulas use cached workbook values rather than recalculating in the browser.

Does it support React?

Yes. Use the constructor API in an effect, or use the Web Component from React.

Does it support Angular and Vue?

Yes. Angular and Vue can use the Web Component or constructor API.

Where can I report bugs?

Please report reproducible bugs on GitHub Issues, ideally with a sample workbook, browser details, and screenshots. For private files, licensing questions, or commercial support, email support@spreadsheetpreview.com.