Vue.js PDF Viewer
Powerful, Reliable and Flexible

Works seamlessly on your Vue or Nuxt websites. Customizable themes, built-in localizations and accessibility support.

Latest version icon Latest · v1.5.2

You can drag and drop a PDF document to the demo area below

  Highlight

Beautiful PDF Viewer Component

Rendering PDF need not be via a new browser tab which disrupts user flow nor via iframe that may be unsafe. With Vue PDF Viewer, developers can integrate it as a part of a page improving user experience significantly.

theme

Personalize PDF viewer interface to match your website style whether with built-in dark/light mode or CSS variables making it visually engaging.

responsive

Vue PDF Viewer is developed with web responsiveness in mind. It is compatible with popular screen sizes for a smooth viewing experience.

An image of Vue PDF viewer shown in the mobile view

accessibility

Easily navigate the documents through the PDF viewer using only keyboard. The component follows the Accessible Rich Internet Applications (ARIA) guideline.

An image of Vue PDF viewer using keyboard shortcuts to navigate

review

Allow your users to interact with your PDF document using a variety of annotating tools such as Highlight, Underline, Strikethrough, and more.

localizations

Support translating UI with to 13 built-in locale files and right-to-left (RTL) layout, ensuring a flexible and better user experience across diverse users.

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

customizable panel

Create a custom panel by adding your own components to the toolbar, sidebar, or pages to match to provide smooth user experience for your users. 

An image of Vue PDF viewer with a customizable panel and toolbar

A background image of the why section
  Why

Build for Vue.js Developers

As developers and having faced issues with PDF, we want to ensure the solution is flexible for other Vue.js developers. More importantly, the technical document must be easy to follow along!

Flexible

Available in TypeScript and JavaScript for scalability and compatibility with any Vue project

Codes are both in TypeScript or JavaScript

Production Ready Component

Support Vue 3 & Nuxt and is fully tested (spec.ts). You can quickly integrate with our starter kits

Vue PDF Viewer fully supports Vue 3 and Nuxt

Compatible with Browsers

Function well across modern web browsers such as Chrome, Firefox, Microsoft Edge, Safari, and Opera

Vue PDF Viewer is compatible with modern browsers such as Chrome, Firefox, Microsoft Edge, Safari, and Opera

Developer Friendly Doc

Design for easy navigation with clear structures, examples and interactive demos

Vue PDF Viewer has a comprehensive and friendly technical documentation

Attractive and Customizable

Design with flexibility so you can extend the component easily to fit your needs

Easy customization of the PDF viewer component to fit your needs

Continuous Support

Add features to Vue PDF Viewer when possible and make sure the component is up-to-date

Ongoing support and update for Vue PDF Viewer
  How it Works

Render PDF in Minutes

As developers ourselves, the process of trying out new products can be frustrating. So we want the experience of using Vue PDF Viewer is as easy as possible.

Add Vue PDF Viewer library with a command on a terminal

Step 1

Run a single command to add the library

Import Vue PDF Viewer component into a Vue.js project

Step 2

Import the PDF Viewer component

Render PDF document in a Vue.js project via Vue PDF Viewer

Step 3

Initiate and display PDF in your Vue project

Ready to try
Vue PDF Viewer?

Friendly technical doc. For developer by developer.

cta