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 · v1.6.0
You can drag and drop a PDF document to the demo area below
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.
accessibility
Easily navigate the documents through the PDF viewer using only keyboard. The component follows the Accessible Rich Internet Applications (ARIA) guideline.
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.
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
Production Ready Component
Support Vue 3 & Nuxt and is fully tested (spec.ts). You can quickly integrate with our starter kits
Compatible with Browsers
Function well across modern web browsers such as Chrome, Firefox, Microsoft Edge, Safari, and Opera
Developer Friendly Doc
Design for easy navigation with clear structures, examples and interactive demos
Attractive and Customizable
Design with flexibility so you can extend the component easily to fit your needs
Continuous Support
Add features to Vue PDF Viewer when possible and make sure the component is up-to-date
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.
Step 1
Run a single command to add the library
Step 2
Import the PDF Viewer component
Step 3
Initiate and display PDF in your Vue project
Ready to try
Vue PDF Viewer?
Friendly technical doc. For developer by developer.