A demo PDF viewer implemented with Vue and PDF.js
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci Update deploy script Jun 12, 2018
bin Add deploy task Jun 11, 2018
public init May 1, 2018
src Implement infinite scroll with IntersectionObserver Jan 15, 2019
.env Update default pdf url Jun 12, 2018
.gitignore Add deploy task Jun 11, 2018
.nvmrc Implement simple PDFDocument and PDFPage component May 2, 2018
LICENSE Create LICENSE Jul 31, 2018
README.md Update README.md Dec 24, 2018
babel.config.js Upgrade vue-cli Jun 4, 2018
package.json Add prettier Jun 11, 2018
screenshot-pdf-viewer.png Update screenshot Jul 16, 2018
vue.config.js Set public path in circle config Jun 12, 2018
yarn.lock Add prettier Jun 11, 2018


Vue PDF.js Demo

This project demonstrates how a simple PDF viewer could be implemented using Vue and PDF.js. This is not a fully-featured PDF document viewer with sophisticated controls, but could serve as the basis for one.


To learn more, checkout the series of posts describing how this project was implemented.

  1. Basic page rendering
  2. Fetching and rendering lazily
  3. Extracting a data component


To run the project locally:

$ git clone https://github.com/rossta/vue-pdfjs-demo
$ cd vue-pdfjs-demo
$ yarn install
$ yarn serve