JavaScript PDF viewer library
Nutrient Web SDK provides a powerful JavaScript PDF viewer with client-side rendering support for PDF, Word, Excel, PowerPoint, JPEG, PNG, and TIFF files directly in any modern browser — without requiring external dependencies or MS Office licenses. Developers can seamlessly embed a customizable PDF viewer into any JavaScript-based web application, ensuring high performance and flexibility.
Key capabilities
Effortlessly open PDF, Word, Excel, and PowerPoint documents for seamless document viewing
All rendering and processing happens on the client, with no server dependency required
Adjust the interface to match your branding by adding or hiding buttons and controls
Enjoy a mobile-friendly document viewer that auto-adjusts to fit all screen sizes
Fully compatible with assistive technologies to ensure inclusive usability
Works seamlessly across all modern browsers and devices for broader reach
Convert documents to PDF to enable annotations, editing, and collaborative workflows

Essential guides

Streaming
Stream document pages to the viewer for instant on-demand access and lightning-fast viewing, searching, and scrolling in the browser

Page layout and scroll
Configure single-page or double-page spreads, and customize scrolling modes for a responsive, customizable document viewer interface

Mobile responsive
Explore the mobile-friendly viewer capabilities, ensuring optimal viewing and usability across devices of all sizes and orientations

Accessibility
Learn about built-in assistive technology-friendly features that make your document viewer accessible and inclusive

Zooming
Manage zoom levels and configure automatic zoom to enhance usability in the document viewer
Performance

Best practices for performance
Discover the most effective ways to build a fast and responsive JavaScript PDF viewer

Efficient annotation handling
Learn how to transfer and synchronize PDF annotations efficiently

Advanced caching techniques
Improve load times with smart asset caching strategies for seamless document viewing
Viewing options

Fullscreen PDF viewer
Implement a fullscreen mode using the fullscreen API for an immersive document viewing experience

Magazine-style PDF viewer
Create a flipbook-style magazine viewer for smooth, interactive page transitions

Presentation mode for PDFs
Display presentation slides in a PDF viewer, optimizing readability and navigation
Fonts
Understanding fonts in PDFs
Learn how fonts impact text rendering, formatting, and display in a JavaScript PDF viewer
Supported PDF fonts
Explore supported fonts in Nutrient Web SDK, ensuring accurate text representation
Dynamic font substitution
Learn how to replace missing fonts in PDFs dynamically for seamless rendering
Custom fonts in PDFs
Configure and integrate custom fonts for precise PDF text rendering in your web application
Rendering
Rendering PDF pages
Learn how to convert and display PDF pages as images for seamless viewing
Rendering canvas-based PDFs
Render a single PDF page as an image and insert it into a canvas element
PDF coordinate space
Understand how to map and convert coordinates within a PDF document for precise placement
Rendering watermarks in PDFs
Add and customize watermarks on PDF documents for branding and security
Additional viewer features
Open Office documents
Learn how to view Word, Excel, and PowerPoint files seamlessly in the PDF viewer
Displaying images in the viewer
Render high-resolution images and photos directly within the document viewer
PDF JavaScript support
Enable interactive PDF functionality with JavaScript support
Document permissions
Configure fine-grained access controls and security settings for your documents
Integrations
Nutrient Web SDK is compatible with SharePoint, Microsoft Teams, Microsoft OneDrive, and Salesforce.
Open and view PDFs with Nutrient Web SDK
To load PDFs, use the load
method, which takes a Configuration
object as its parameter. This object specifies where the document is loaded on the page, the path to the source document, the license key, and more. For more information, see the guides on loading a document.
FAQ