PDF.js Express Web Viewer Samples

View documents
Shows how to call WebViewer constructor to instantiate and load document. You can load local/remote files of your choice.
Source code Launch demo

Customize UI
Shows how to customize the UI using PDF.js Express Web Viewer APIs. Includes modifying header, enabling/disabling features and hiding/showing individual elements.
Source code Launch demo

Customize form fields
Shows how to change color and opacity of form fields.
Source code Launch demo

Internationalization
Shows how to switch language.
Source code Launch demo

Users and permissions
Describes types of permissions and switching between users. You can also show/hide annotations of specific users.
Source code Launch demo

Custom annotations
Shows how to create and add custom annotations by extending the existing annotation classes.
View samples Launch demo

Realtime collaboration (Firebase)
An example setup with Firebase backend. For more details, refer to realtime collaboration guide.
View Source Code Launch demo

Measurement annotations
Shows how to create annotations that measure distance, perimeter and area.
Source code Launch demo