Explore Web PDF samples and guides | Nutrient
Explore our Awesome Nutrient GitHub repository(opens in a new tab) for a wide variety of sample projects and code snippets.
While this space provides quick solutions to common customization questions, the GitHub repository(opens in a new tab) offers even more examples, with new content continuously being added.
Open a PDF document in our viewer
Discover how to launch a default PDF viewer UI in a web browser and load documents with our JavaScript guide. Explore more resources today!Create PDF annotations programmatically
Learn how to add links, highlights, and notes to PDFs using our JavaScript annotation library. Explore examples to enhance your PDF documents today!Native PDF text selection tools
Discover how Nutrient Web SDK enables efficient text selection in scientific documents. Explore our JavaScript PDF text extraction guide for more reso...PDF magazine viewer
Discover how to create a PDF magazine viewer with text highlight, bookmarks, thumbnails, and more. Explore our guides for enhanced features and resour...Access PDF form elements programmatically
Discover how Nutrient supports PDF form fields. Learn to read, fill, and submit PDF forms using our JavaScript PDF forms library and API.PDF document editor
Learn to add, remove, and reorder pages in PDFs. Explore our JavaScript PDF editor library for advanced features and resources.Fast PDF zooming and panning
Discover how to implement fast zooming and panning of PDF pages with our JavaScript viewer. Explore more in our comprehensive guide on zoom options.Handling password-protected PDF documents
Learn how to lock and unlock PDF documents with passwords using robust encryption in JavaScript. Access our guide for additional resources and example...Open a PDF in read-only mode
Learn to set read-only mode in Nutrient to prevent PDF editing and annotations. Explore our guide for customizing permissions.Custom PDF overlay elements
Learn how to extend PDFs by adding custom elements using Nutrient Web SDK. Explore our guide for tips on customizing overlays in your viewer.Add custom tools and actions to annotations
Learn to add custom actions for selected annotations. Explore our guide on enhancing the annotation inspector for improved user experience and functio...Custom permissions for PDF annotations
Learn to set custom permissions for annotations and explore our comprehensive guide on defining document collaboration permissions for effective teamw...Add watermarks to PDFs
Learn to add custom watermarks like images and logos to your PDFs. Explore our JavaScript guide for detailed resources and examples.Dark mode PDF viewer
Learn how to enable dark mode in Nutrient’s PDF viewer programmatically or via device settings. Explore our comprehensive guide for more resources.Add a drag-and-drop UI to our Web UI
Learn to add custom views in Nutrient Web SDK, enabling drag-and-drop image elements onto document pages with our step-by-step code example.Customize the main PDF toolbar
Learn how to customize your PDF toolbar using Nutrient tools. Explore our guide for creating new tools in your viewer toolbar.Customized PDF search
Learn how to customize PDF search to match complete words. Explore our JavaScript PDF search library and UI customization guides for more resources.Changing PDF printing mode
Discover how to customize PDF printing modes in JavaScript with examples and resources. Learn to implement specific printing modes today!Add custom elements to PDF annotations
Learn how to customize PDF annotations using HTML and SVG images. Explore our guide for more resources on enhancing PDF annotation functionality.Flipbook with custom pagination effect
Add a page flip effect to let users browse a PDF like a real magazine. Get additional resources by visiting our JavaScript PDF viewer library.Saving electronic signatures in local storage
Learn how to add electronic signatures to PDFs and save them in local storage for seamless access. Explore our JavaScript PDF signature library for mo...Hide/reveal area annotations
Learn how to use JavaScript to allow users to hide or reveal specific areas on a PDF page. Explore our code sample for easy implementation.PDF presentation mode
Learn how to customize the Nutrient Web SDK UI into a fullscreen presentation slide viewer. Visit our guide for additional resources and examples.Drag-and-drop PDF form designer
Learn to add form widgets to PDFs using JavaScript. Explore our resources for designing PDF forms and enhancing your projects with ease.Custom annotation style inspector
Discover a custom UI for managing annotation style attributes with an inline popup. Visit our guide for more on working with annotations.Adding digital signatures to PDFs
Learn to digitally sign any PDF using JavaScript. Access resources and guides for invisible signing and explore code examples for implementation.Instant PDF comments
Discover how to collaborate on PDFs using Instant comments. Explore our JavaScript example and improve your document review process today!Open, view, and annotate on images
Discover how to open and annotate images with Nutrient Web SDK. Access our guide for step-by-step instructions and JavaScript resources.Custom PDF redaction UI
Discover a custom sidebar UI for automated content redaction. Preview results and use specific search options. Visit our JavaScript PDF library for mo...PDF collaboration permissions
Learn how to enforce permissions based on JWT parameters with our JavaScript example. Enhance your app's security effectively and efficiently.Add electronic signature images to PDFs
Discover how to use our API to programmatically add electronic signature images to PDFs. Start integrating today with our easy-to-follow example!Storing electronic signatures in the browser
Learn how to save and store electronic signatures in local storage with our JavaScript guide. Access code examples and enhance your signature manageme...Customized document editor toolbar example
Learn how to personalize your document editor's toolbar and footer using a simple API. Enhance user experience with our easy-to-follow example!| Title | Description |
|---|---|
| Open a PDF document in our viewer | Discover how to launch a default PDF viewer UI in a web browser and load documents with our JavaScript guide. Explore more resources today! |
| Create PDF annotations programmatically | Learn how to add links, highlights, and notes to PDFs using our JavaScript annotation library. Explore examples to enhance your PDF documents today! |
| Native PDF text selection tools | Discover how Nutrient Web SDK enables efficient text selection in scientific documents. Explore our JavaScript PDF text extraction guide for more reso... |
| PDF magazine viewer | Discover how to create a PDF magazine viewer with text highlight, bookmarks, thumbnails, and more. Explore our guides for enhanced features and resour... |
| Access PDF form elements programmatically | Discover how Nutrient supports PDF form fields. Learn to read, fill, and submit PDF forms using our JavaScript PDF forms library and API. |
| PDF document editor | Learn to add, remove, and reorder pages in PDFs. Explore our JavaScript PDF editor library for advanced features and resources. |
| Fast PDF zooming and panning | Discover how to implement fast zooming and panning of PDF pages with our JavaScript viewer. Explore more in our comprehensive guide on zoom options. |
| Handling password-protected PDF documents | Learn how to lock and unlock PDF documents with passwords using robust encryption in JavaScript. Access our guide for additional resources and example... |
| Open a PDF in read-only mode | Learn to set read-only mode in Nutrient to prevent PDF editing and annotations. Explore our guide for customizing permissions. |
| Custom PDF overlay elements | Learn how to extend PDFs by adding custom elements using Nutrient Web SDK. Explore our guide for tips on customizing overlays in your viewer. |
| Add custom tools and actions to annotations | Learn to add custom actions for selected annotations. Explore our guide on enhancing the annotation inspector for improved user experience and functio... |
| Custom permissions for PDF annotations | Learn to set custom permissions for annotations and explore our comprehensive guide on defining document collaboration permissions for effective teamw... |
| Add watermarks to PDFs | Learn to add custom watermarks like images and logos to your PDFs. Explore our JavaScript guide for detailed resources and examples. |
| Dark mode PDF viewer | Learn how to enable dark mode in Nutrient’s PDF viewer programmatically or via device settings. Explore our comprehensive guide for more resources. |
| Add a drag-and-drop UI to our Web UI | Learn to add custom views in Nutrient Web SDK, enabling drag-and-drop image elements onto document pages with our step-by-step code example. |
| Customize the main PDF toolbar | Learn how to customize your PDF toolbar using Nutrient tools. Explore our guide for creating new tools in your viewer toolbar. |
| Customized PDF search | Learn how to customize PDF search to match complete words. Explore our JavaScript PDF search library and UI customization guides for more resources. |
| Changing PDF printing mode | Discover how to customize PDF printing modes in JavaScript with examples and resources. Learn to implement specific printing modes today! |
| Add custom elements to PDF annotations | Learn how to customize PDF annotations using HTML and SVG images. Explore our guide for more resources on enhancing PDF annotation functionality. |
| Flipbook with custom pagination effect | Add a page flip effect to let users browse a PDF like a real magazine. Get additional resources by visiting our JavaScript PDF viewer library. |
| Saving electronic signatures in local storage | Learn how to add electronic signatures to PDFs and save them in local storage for seamless access. Explore our JavaScript PDF signature library for mo... |
| Hide/reveal area annotations | Learn how to use JavaScript to allow users to hide or reveal specific areas on a PDF page. Explore our code sample for easy implementation. |
| PDF presentation mode | Learn how to customize the Nutrient Web SDK UI into a fullscreen presentation slide viewer. Visit our guide for additional resources and examples. |
| Drag-and-drop PDF form designer | Learn to add form widgets to PDFs using JavaScript. Explore our resources for designing PDF forms and enhancing your projects with ease. |
| Custom annotation style inspector | Discover a custom UI for managing annotation style attributes with an inline popup. Visit our guide for more on working with annotations. |
| Adding digital signatures to PDFs | Learn to digitally sign any PDF using JavaScript. Access resources and guides for invisible signing and explore code examples for implementation. |
| Instant PDF comments | Discover how to collaborate on PDFs using Instant comments. Explore our JavaScript example and improve your document review process today! |
| Open, view, and annotate on images | Discover how to open and annotate images with Nutrient Web SDK. Access our guide for step-by-step instructions and JavaScript resources. |
| Custom PDF redaction UI | Discover a custom sidebar UI for automated content redaction. Preview results and use specific search options. Visit our JavaScript PDF library for mo... |
| PDF collaboration permissions | Learn how to enforce permissions based on JWT parameters with our JavaScript example. Enhance your app's security effectively and efficiently. |
| Add electronic signature images to PDFs | Discover how to use our API to programmatically add electronic signature images to PDFs. Start integrating today with our easy-to-follow example! |
| Storing electronic signatures in the browser | Learn how to save and store electronic signatures in local storage with our JavaScript guide. Access code examples and enhance your signature manageme... |
| Customized document editor toolbar example | Learn how to personalize your document editor's toolbar and footer using a simple API. Enhance user experience with our easy-to-follow example! |