chevron_right
close
chevron_right

Get Started

chevron_right

Learn more

chevron_right

Open a document

chevron_right

Viewer

chevron_right

UI Customization

chevron_right

Annotations

chevron_right

Collaboration

chevron_right

Forms

chevron_right

Signature

chevron_right

Measurement

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.
Source code 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