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="/sitelet?url=https%3A%2F%2Fcdn.jsdelivr.net%2Fnpm%2Fpdfjs-viewer-element%2Fdist%2Fpdfjs-viewer-element.js"></script>
              

Usage:

<pdfjs-viewer-element 
  src="/sitelet?url=https%3A%2F%2Falekswebnet.github.io%2Fsample-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

---