pdfjs-viewer-element

Install using module bundlers:

                # With npm
                npm install pdfjs-viewer-element
                # With yarn
                yarn add pdfjs-viewer-element
                # With pnpm
                pnpm add pdfjs-viewer-element
              

                import 'pdfjs-viewer-element'
              

Or using browser CDN:

                <script type="module" src="https://cdn.jsdelivr.net/npm/pdfjs-viewer-element/dist/pdfjs-viewer-element.js"></script>
              

Usage:

<pdfjs-viewer-element 
  src="https://alekswebnet.github.io/sample-pdf-with-images.pdf"
  viewer-css-theme="DARK">
</pdfjs-viewer-element>

              
              
              
            

You can use pdfjs-viewer-element with frameworks or without them:

---

Simple webpage

---

---

React

---

---

Vue

---