SpreadsheetPreview

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.

Try the demo<br>View documentation<br>Pricing

npm install @datagridxl/spreadsheet-preview

Try it

See it in action.

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

Preview any file

College Course Manager

Gantt Chart

Family Budget

Helpdesk Export

Try it yourself

Select a local workbook. It stays in your browser.

Open local .xlsx

Preview theme

Light

Dark

No upload

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

No Excel required

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

Built for web apps

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

Developer experience

Simple integration for product teams.

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

TypeScript<br>Angular<br>React<br>Vue<br>Web Component

npm install @datagridxl/spreadsheet-preview

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

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

Workbook previews

Inspect real workbook structure.

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

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

Licensing

Start with the community build. Add a commercial license when you<br>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.<br>Hosted workbook URLs are fetched by the browser.

Does this require Microsoft Excel?

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

Is it view-only?

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

Which workbook features are supported?

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

How close is the preview to Excel?

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

Does it support React?

Yes. Use the constructor API in an effect, or use the Web Component<br>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<br>sample workbook, browser details, and screenshots. For private<br>files, licensing questions, or commercial support, email support@spreadsheetpreview.com.