# 501351981/vue-office

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/501351981-vue-office).**

5,618 stars · 612 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/501351981/vue-office
- Homepage: https://501351981.github.io/vue-office/examples/docs/
- awesome-repositories: https://awesome-repositories.com/repository/501351981-vue-office.md

## Topics

`docx` `docx-preview` `excel` `pdf` `pdf-preview` `pdf-viewer` `vue` `xlsx` `xlsx-preview`

## Description

vue-office is an office document preview library and web-based document viewer designed to render Word, Excel, PowerPoint, and PDF files directly in a web browser. It provides a collection of reusable components that allow for the display of documents using network URLs, data buffers, or blob data without requiring external plugins.

This rendering solution is built as a cross-framework document renderer, offering integration for Vue 2, Vue 3, and React. It enables client-side document display to avoid server-side conversion processes.

The library handles document visualization through client-side parsing and content rendering. It utilizes canvas-based rendering for PDFs and maps document styles to CSS to maintain visual fidelity within the browser.

## Tags

### Business & Productivity Software

- [Office Document Previews](https://awesome-repositories.com/f/business-productivity-software/office-document-previews.md) — Provides a complete solution for rendering Word, Excel, and PowerPoint previews directly in the browser. ([source](https://cdn.jsdelivr.net/gh/501351981/vue-office@master/README.md))

### Part of an Awesome List

- [Office Documents](https://awesome-repositories.com/f/awesome-lists/media/office-documents.md) — Implements a programmable interface to render office suite files with a consistent visual experience. ([source](https://501351981.github.io/vue-office/examples/docs/guide/js-preview.html))
- [Framework Component Wrappers](https://awesome-repositories.com/f/awesome-lists/devtools/framework-component-wrappers.md) — Wraps document rendering logic in components compatible with both Vue and React environments.
- [Vue2 项目](https://awesome-repositories.com/f/awesome-lists/more/vue2.md) — Listed in the “Vue2 项目” section of the Great Open Source Project awesome list.

### Content Management & Publishing

- [Client-Side Document Rendering](https://awesome-repositories.com/f/content-management-publishing/client-side-document-rendering.md) — Enables the parsing and display of office documents on the client device to avoid server-side conversion.
- [Office Document Libraries](https://awesome-repositories.com/f/content-management-publishing/content-processing-transformation/document-processing-conversion/document-processing-tools/format-conversion-toolkits/office-document-libraries.md) — Ships a set of software libraries designed to process and render office document formats.
- [DOM-Based Content Renderers](https://awesome-repositories.com/f/content-management-publishing/content-processing-transformation/document-processing-conversion/document-processing/rendering-visualization/dom-based-content-renderers.md) — Maps parsed document elements to HTML and CSS for visual display using the browser DOM.
- [Web-Based Document Viewers](https://awesome-repositories.com/f/content-management-publishing/documentation-knowledge-management/web-based-document-viewers.md) — Provides a browser-native document viewer that doesn't require external plugins to display office files.
- [File Preview Renderers](https://awesome-repositories.com/f/content-management-publishing/content-processing-transformation/document-processing-conversion/document-processing/rendering-visualization/dom-based-content-renderers/file-preview-renderers.md) — Provides components that render visual previews of office files within the browser's document object model.

### Graphics & Multimedia

- [PDF Renderers](https://awesome-repositories.com/f/graphics-multimedia/canvas-rendering/pdf-renderers.md) — Implements canvas-based rendering to display PDF files accurately within the browser.

### User Interface & Experience

- [PDF Viewers](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/react-components/pdf-viewer-components/pdf-viewers.md) — Includes specialized components for rendering and displaying PDF documents within a web interface.

### Web Development

- [Client-Side Document Toolkits](https://awesome-repositories.com/f/web-development/document-format-converters/client-side-document-toolkits.md) — Provides browser-based utilities to parse binary office files into structured data objects without server-side dependencies.
- [Cross-Framework Document Renderers](https://awesome-repositories.com/f/web-development/cross-framework-document-renderers.md) — Supports integration with Vue and React to provide a unified document rendering solution.
- [Document Style Mappings](https://awesome-repositories.com/f/web-development/modular-architectures/css-style-modules/class-mapping/document-style-mappings.md) — Translates internal office document styles into corresponding CSS rules for consistent visual representation.
- [Vue Component Libraries](https://awesome-repositories.com/f/web-development/vue-component-wrappers/vue-component-libraries.md) — Offers a collection of reusable Vue components for visualizing office and PDF documents.