A simple library that use PDF.js for rendering pdf file on electron

Usage no npm install needed!

<script type="module">
  import easypdf from 'https://cdn.skypack.dev/easypdf';



A simple library that use PDF.js for rendering pdf file on electron

Author: Hung Nguyen

About this project

This library will help you render your pdf file using pdf.js on your electron app with minimal effort.


Check out the documentation here


First you need to install the library using the command

npm install easypdf

Then include it in your js file (I named mine index.js)

let easypdf = require('easypdf');
// example pdf file
let pdf_file = 'http://www.africau.edu/images/default/sample.pdf';

// load the pdf file and set the container
let container = easypdf(pdf_file).setContainer('#pdf-container');

// render the pdf

Then include it the html file

    <title>EasyPDF demo</title>
    body, html {padding: 0; margin: 0}
    #pdf-container {
      width: 100%;
      height: 100%;
      position: fixed;
    <!-- The container of the pdf -->
    <div id="pdf-container"></div>
  <!-- The file contains our code above -->
  <script src="index.js"></script>

Finally, load the html file to electron browser window and here is what we get


Want more example? checkout the test folder


To getting started, you can fork and clone this repo. After that run the command bellow to install all dependencies

npm install

Then edit your code in the src folder and send me a PR :)


If you have any questions, you can find me at:

Facebook: https://fb.com/ZeroXCEH
Twitter: https://twitter.com/ZeroX_Hung
Email: viethungax@gmail.com