Excel Viewer

Preview Excel workbooks with sheet tabs, frozen panes, formulas, large-grid navigation, and cell selection.

The Excel Viewer is the core spreadsheet preview for financial models, imports, exports, schedules, and operational reports.

"use client";

import { XlsxViewerPreview } from "@/components/ui/xlsx-viewer";

export function XlsxViewerExample() {
  return <XlsxViewerPreview src="/path/to/workbook.xlsx" />;
}

Installation


pnpm dlx shadcn@latest add https://ui.extend.ai/r/xlsx-viewer.json

Useful behaviors

Sheet tabs, grid virtualization, column resizing, and frozen rows or columns.
Formula/value display modes and formatted cell rendering.
Search across sheets and cell ranges.
Optional metadata for workbook properties, hidden sheets, and named ranges.

API Reference

XlsxViewerPreview

The XlsxViewerPreview component renders an Excel workbook with upload, theme, zoom, sheet navigation, and grid controls around the @extend-ai/react-xlsx viewer.

Prop	Type	Default	Required
`className`	`string`	`-`	No
`defaultIsDark`	`boolean`	`false`	No
`fileName`	`string`	`-`	No
`isDark`	`boolean`	`-`	No
`onIsDarkChange`	`(isDark: boolean) => void`	`-`	No
`rounded`	`boolean`	`false`	No
`src`	`string`	`-`	No

DOCX Editor Excel Editor

On This Page

Installation Useful behaviors API Reference XlsxViewerPreview

Deploy your document processing on Extend

Trusted by Brex, Flatiron, Square, and more.

Extend provides production ready tools to handle your toughest documents.