Can I customize the appearance of Vue PDF Viewer?

Yes. Vue PDF Viewer ships with light and dark themes and exposes CSS variables so you can match the viewer to your application's design system. You can also show, hide, or replace icons on the toolbar to tailor the layout.

Does Vue PDF Viewer support annotations?

Yes. The annotation plug-in adds highlight, underline, strikethrough, free text, and image annotations directly inside the PDF document. Annotated PDFs can be printed or downloaded with the annotations preserved.

Is Vue PDF Viewer mobile-friendly?

Yes. Vue PDF Viewer ships with a mobile responsive layout that adapts to desktop, tablet, and mobile screen sizes. The responsive trigger point is configurable so you can match the layout switch to your application's breakpoints.

Can I customize the toolbar in Vue PDF Viewer?

Yes. You can show, hide, or replace icons on the built-in toolbar, or build a fully custom external toolbar that calls the Instance API to drive the viewer programmatically.

Does Vue PDF Viewer provide APIs for developers?

Yes. Vue PDF Viewer exposes a Component API (props, events, and slots) and an Instance API for programmatic control. The Instance API includes methods for download, print, rotate, zoom, search, page navigation, and more.

Is Vue PDF Viewer accessible for users with disabilities?

Yes. The component follows the Accessible Rich Internet Applications (ARIA) guideline. Core operations including search, zoom, scrolling, print, and download are fully accessible by keyboard.

Can I use Vue PDF Viewer with different languages?

Yes. Vue PDF Viewer includes built-in localization with five languages out of the box — English, Italian, Portuguese, Thai, and Chinese — and you can add a custom localization to support any additional language your application needs.

Features

Vue PDF Viewer provides the best PDF viewing experience with advanced customization, intuitive navigation, responsive design, and interactive features tailored to your needs.

Interactive Customizable Annotation Responsive Navigation Flexible Performance Driven Accessibility General

Interactive

With Vue PDF Viewer, you can create an immersive document experience for your users. If a page is better read vertically or if the font size is too small, you can rotate or zoom in the page, ensuring optimal viewing everytime.

Multiple search options such as match case and whole word

Change to full screen mode

Switch between text or hand mode

View your page in a single or dual page

Different scrolling modes (i.e. page scrolling, vertical scrolling, horizontal scrolling and wrapped scrolling)

Rotate clockwise or anti-clockwise

Zoom in or out and adjust screen size (e.g., Actual Size, Page Fit)

Vue PDF Viewer search panel showing match case, whole word, and keyword highlight options inside a PDF document

Interactive Tools

Customizable

Need to personalize PDF viewer to fit your website’s style? Or maybe you want to provide support for your diverse user base by offering multi-languages? We got you covered!

Configure CSS variables or use the default light/dark mode

Equip with 5 languages of translating with an option for a custom one

Hide or show or replace icons on the toolbar

Theme

Localization

Customizable Panel

Annotation

With the built-in UI annotation tool, you can easily create, edit or view different annotation types within the PDF document. The interface is simple, intuitive with great and native performance.

Create highlights, underline, strikethrough and print or download the PDF file with the added annotations

Add images and print or download the PDF file with the added images

Add texts and print or download the PDF file with the added texts

View content such as text, highlight and comment on the PDF file or on the comment panel

Highlight

Underline

Vue PDF Viewer annotation tool underlining selected text in a PDF document within a Vue application

Strikethrough

Free Text

Image

Responsive

Whether you render the PDF document in your website on desktop, tablet or mobile screens, Vue PDF Viewer adapts responsively to ensure a smooth user experience.

Default web responsive layout

Configure responsive trigger point

Vue PDF component mobile responsive layout adapting smoothly across desktop, tablet, and mobile screen sizes for any device

Navigation

Easily navigate around the PDF document, both externally or internally. Jump to a specific section using hyperlinks or the Table of Contents. Quickly access important sections directly via bookmarks.

Click next/previous or enter page number

Skip to the last page or back to the first page

Jump to a section in the document with hyperlinks

Get to a section with Table of Contents

Display thumbnails of the pages for easy navigation

Rotate

Zoom

Thumbnail

Flexible

Looking to create your own toolbar or interact with your PDF document programmatically? Vue PDF offers comprehensive and intuitive Instance APIs that can be called externally to fit your needs.

Relevant APIs such as download, print, rotate and more

Programmatically access and manipulate your PDF document

Customize Top Bar

Vue PDF Viewer customizable top bar with toolbar buttons that Vue developers can rearrange or hide

Your Own Toolbar

Vue PDF component Instance API powering a custom external toolbar separated from the built-in viewer layout

Performance Driven

Using pdf.js as foundation, we have built Vue PDF Viewer with virtual scrolling and our proprietary algorithm, enabling fast rendering of large PDF documents. As performance is important, we are actively looking for ways to optimize the library.

Vue PDF Viewer virtual scroll rendering a large multi-page PDF document with fast scrolling and low memory use

Accessibility

The PDF viewer component follows the Accessible Rich Internet Applications (ARIA) guideline. Important operations such as search, zoom, scrolling, print, download and more are fully accessible by keyboard controls.

Vue PDF Viewer ARIA-compliant keyboard navigation with accessible shortcuts for search, zoom, scroll, and print

General

You can find essential tools for Vue PDF viewer in the starter toolkit, offering a solid foundation that you can customize to suit your specific requirements.

Default Vue PDF layout with toolbar

Display file property

Open File

File Download

Print the PDF document

Support PDF layers (e.g., text, canvas, annotation, AcroForm and more)

Vue PDF Viewer default toolbar with print, download, open file, and document property tools for Vue 3 apps

FAQ

Frequently Asked Questions

Vue PDF Viewer is highly customizable. You can configure CSS variables, choose between light or dark themes, hide or show icons, and even add your own toolbar components to suit your website's style.

Ready to try
Vue PDF Viewer?

Friendly technical docs for Vue developers and teams

Try for free