diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f7522fb
--- /dev/null
+++ b/index.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Page Flip Vanilla JS</title>
+    <style>
+      #app { width: 800px; height: 600px; border: 1px solid #ccc; margin-bottom: 10px; }
+      button { margin-right: 5px; }
+    </style>
+</head>
+<body>
+  <div id="app"></div>
+  <button id="prev">Prev</button>
+  <button id="next">Next</button>
+  <button id="zoom">Zoom</button>
+
+  <!-- Load the built files -->
+  <script src="dist/pdf.worker.js"></script>
+  <script src="dist/flipbook-viewer.js"></script>
+  <script src="dist/book.pdf.js"></script>
+  <script>
+    // Apply to Vanilla JS
+    const opts = { width: 800, height: 600 };
+    const app = document.getElementById('app');
+    const next = document.getElementById('next');
+    const prev = document.getElementById('prev');
+    const zoom = document.getElementById('zoom');
+
+    // using book.init from book.pdf.js
+    book.init('sample-local-pdf.pdf', function(err, bookObj) {
+      if (err) return console.error(err);
+      flipbook.init(bookObj, app, opts, function(err, viewer) {
+        if (err) return console.error(err);
+        viewer.on('seen', n => console.log('page number: ' + n));
+        next.onclick = () => viewer.flip_forward();
+        prev.onclick = () => viewer.flip_back();
+        zoom.onclick = () => viewer.zoom();
+      });
+    });
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/sample-local-pdf.pdf b/sample-local-pdf.pdf
new file mode 100644
index 0000000..4603bd3
Binary files /dev/null and b/sample-local-pdf.pdf differ
diff --git a/webpack.config.js b/webpack.config.js
index dbce4db..23241ab 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -12,6 +12,14 @@ const base = {
       },
     },
     'pdf.worker': 'pdfjs-dist/build/pdf.worker.entry',
+    'book.pdf': {
+      import: './test/book-pdf.js',
+      library: {
+        name: 'book',
+        type: 'umd',
+        umdNamedDefine: true,
+      },
+    },
   },
   output: {
     filename: '[name].js',
