We want to hear from you — tell us how you use AI in document workflows and earn $150. Take the survey →

Try for free
Downloads
Demo
Support

Contact Sales

Web

Best practices

Get started

Overview
React + Vite
Next.js
TypeScript
Other frameworks
- Vue
- JavaScript + Vite
- Nuxt
- Svelte
- Angular
- ASP.NET
- Blazor
- Electron
- Flutter
- jQuery
- Laravel
- PHP
- PWA

guides

Introduction
Self-host SDK assets
Viewer
- Overview
- Embed in app shell
- Page layout and scroll
- Streaming
- Linearized downloads
- Mobile responsive
- Viewing options
  
  Fullscreen mode
  
  Magazine viewer
  
  Presentation mode
- Zooming
- Accessibility
  
  Features
  
  Text-to-speech
- Fonts
  
  Introduction to fonts
  
  Supported fonts
  
  Font substitution
  
  Dynamic font loading
  
  Custom fonts
- Rendering
  
  PDF pages
  
  Render on canvas
  
  PDF forms
  
  Coordinate space
  
  Watermarks
- Custom annotation toggle
- PDF JavaScript support
- Permissions
- Client authentication
- Troubleshooting
Open a document
- Overview
- From a remote URL
- From a Blob
- From an ArrayBuffer
- From local storage
- From Base64 data
- From Document Engine
- From DWS Viewer API
- Temporary storage
- Secured documents
  
  Password protected
  
  HTTP authenticated
  
  Encrypted
- Open on a specific page
Save a document
User interface
- Overview
- Theming
  
  CSS styling
  
  Icons
  
  Custom theme
  
  Dark theme
- UI slots customization
  
  Introduction
  
  Custom sidebars
  
  Set UI customization configuration
  
  Example: Comment thread
  
  Supported slots
- Main toolbar
  
  Remove a tool
  
  Rearrange
  
  Create a new tool
  
  Customize existing tools
  
  Print button
  
  Download/export button
  
  Dropdown groups
  
  Responsive groups
  
  Hide the toolbar
  
  Placement
  
  Activate or deactivate tools
  
  Page label navigation
  
  Pager display
- Sidebar
  
  Hide or show
  
  Thumbnail preview
  
  Document outline
  
  Annotations list
  
  Bookmarks
  
  Layers (OCGs)
  
  Signatures list
  
  Customization
- Text selection
  
  Create a new tool
  
  Customize existing tools
  
  Rearrange
  
  Remove a tool
  
  Remove all tools
  
  Tooltip
- Annotations
  
  Inspector
  
  Contextual tooltip
  
  Stamps
  
  Hide the delete button
  
  Presets
  
  Variant buttons
- Annotation toolbar
  
  Customize existing tools
  
  Create a new tool
  
  Remove a tool
  
  Rearrange
  
  Responsive groups
- Color picker
  
  Add custom color presets
  
  Custom color picker
- Signatures
  
  Electronic signatures
  
  Creation modes
  
  Signature fonts
  
  Invisible signing
  
  Validation status
- Document Editor
  
  Overview
  
  Customization
- Date and time picker
- Redaction
- Search
- Overlays
- Create a toolbar
- View state
- Localization
- Right-to-left languages
- Troubleshooting
AI
- Nutrient AI Assistant
- Integrate with agents
  
  Overview
  
  Tool reference
  
  Vercel AI SDK
  
  LangChain
Annotations
- Overview
- Introduction to annotations
  
  What are annotations?
  
  Annotation types
  
  Data formats
  
  Geometry primitives
  
  Working with annotations
  
  Media annotations
- Synchronization
  
  Overview
  
  Review persistence architecture
  
  Storing annotation data
  
  Conflict resolution
- Save
  
  Overview
  
  Embed into a PDF
  
  To external storage
  
  Auto save
- Import and export
  
  XFDF
  
  Choose a persistence strategy
  
  Instant JSON
  
  With Document Engine
  
  Database
- Create, edit, and remove
  
  Create
  
  Edit
  
  Remove
  
  Permissions
  
  Add an image
  
  Detect changes
  
  Annotation flags
  
  Undo and redo
  
  Cut, copy, paste, duplicate
  
  Author name
  
  Select annotations
  
  Rich text
- Customization
  
  Display logic
  
  Appearance streams
  
  Annotation customization
  
  Hiding annotations
  
  Default properties
  
  Store custom data
  
  Annotation notes
- Comments and replies
  
  Comments
  
  Replies
- Stamp a document
  
  Built-in stamps
  
  Stamp configuration
- Flatten
- Annotate on images
  
  Create, edit, and remove
  
  Specification
- Freeform rotation
- PDF actions
  
  PDF actions support
  
  Link annotations
- Headless annotation
Forms
- Overview
- Introduction to forms
  
  What are forms?
  
  Form fields
  
  Data formats
- Fill form fields
  
  Programmatic
  
  Using Web SDK with Document Engine
  
  Import from Instant JSON
  
  Import from XFDF
  
  Import from a database
  
  Using the UI
  
  Attach a file
  
  Add an image
  
  Detect user input
  
  Permissions
  
  Fonts
  
  Headless form fill
- Extract form data
- Read form fields
- Submit or save
  
  To an external source
  
  Document Engine
  
  Embed data into a PDF
  
  Auto saving
- Create, edit, and remove
  
  Browser form template builder
  
  Form Creator
  
  Create a fillable form
  
  Add a signature field
  
  Edit fields
  
  Remove fields
  
  Form field flags
- Flatten
- PDF actions support
- JavaScript validation
Instant synchronization
- Overview
- Get started
- Authentication
- Instant layers
- Permissions
  
  Overview
  
  Content ownership
  
  Set permissions
  
  Edit permissions
  
  Example
Signatures
- Overview
- Introduction to signatures
- Electronic signatures
  
  Add an eSignature
  
  Signature storage
  
  Sign with a certificate
- Digital signatures
  
  Overview
  
  Architectures for signing
  
  Signature standards
  
  Signature lifecycle
  
  Overview
  
  Certificates for signing
  
  Add a signature field
  
  Sign in a browser
  
  Sign via Document Engine
  
  Sign via DWS Processor API
  
  Signature appearance
  
  Validation
  
  Supported formats
  
  Integrations
  
  Overview
  
  AWS CloudHSM
  
  GlobalSign
  
  Troubleshooting
- Fill and sign forms
- Headless signing
Editor
- Overview
- Editing text through the UI
- Editing text programmatically
- Merge or combine
- Page manipulation
  
  Rotate
  
  Crop
  
  Move or copy
  
  Remove
  
  Add margins
- Add a page
- Split
- Add an image
- Headless editing
- Page label
- Built-in UI
- Replace text
- Add Bates numbering
- Backend processing
PDF generation
Conversion
Extraction
Redaction
OCR
Barcodes
Document security
Search
Comparison
Measurements
- Overview
- Distance
- Area
- Configure
Layers (OCGs)
Bookmarks and outlines
- Overview
- Introduction
- Bookmarks
  
  Create
  
  Edit
  
  Remove
  
  Detect changes
  
  Built-in UI
- Outlines
  
  Create
  
  Edit
  
  Remove
Events
- Overview
- Annotations
- Forms
- Text selection
- Bookmarks
- Events
Print
Instant JSON
- Overview
- How it works
- Annotations schema
  
  Annotations
  
  File attachments
  
  Form field values
  
  Form field types
  
  Bookmarks
  
  Actions
  
  Comments
- Convert to XFDF
Performance
Best practices
Troubleshooting
Knowledge base

Releases

Upgrading Web SDK
1.14
1.13.1
1.13
1.12
1.11
1.10
1.9
1.8
1.7
1.6
1.5
1.4
1.3
1.2
1.1
1.0

About

Operational modes
Capability and component comparison
Browser support
File type support
Framework support
Licensing
Migration guides
- Mozilla PDF.js
- PDFTron WebViewer

Nutrient Portal

Web
Best Practice

Best practices

Copy page Copy page as Markdown for LLMs View as Markdown View this page as plain text Open with ChatGPT Explain the page with ChatGPT Open with Claude Explain the page with Claude Open with Grok Explain the page with Grok

Nutrient Web SDK has a number of guides that illustrate best practices for various use cases:

Nutrient Web SDK security
Performance optimization
Caching techniques

Was this helpful?

Help us improve

0 / 2000 characters

Thank you for your feedback!

Something went wrong. Please try again or let us know.

On this page

Copyright 2026 Nutrient. All rights reserved.

About Contact Legal