A collection of sample projects for the Apryse WebViewer SDK.
Our repositories are actively maintained, but for technical questions—such as those related to samples, SDKs, APIs, and other content—we recommend using our dedicated support channels.
Please post your question on our support forum for trial-related technical assistance: 🔗 https://apryse.com/support – Trial Tech Support
- Clone this repository
git clone --depth=1 https://github.com/ApryseSDK/webviewer-samples.git
cd webviewer-samples- Navigate to the sample you want to run. A list of available samples can be found below
cd webviewer-nextjs-14- Follow the instructions in the sample's README
Below is a list of all available samples.
Samples showing how to get started with WebViewer in different environments.
- webviewer-react - Integrate WebViewer in a React application
- webviewer-nextjs-14 - Integrate WebViewer in a Next.js application
- webviewer-typescript - Integrate WebViewer in a TypeScript project
- webviewer-angular - Integrate WebViewer in an Angular application
- webviewer-svelte - Integrate WebViewer in a Svelte application
- webviewer-vue - Integrate WebViewer in a Vue application
- webviewer-js - Integrate WebViewer in a vanilla JavaScript application
- webviewer-jquery - Integrate WebViewer in a jQuery application
- webviewer-electron - Integrate WebViewer in an Electron application
- webviewer-nuxtjs - Integrate WebViewer in a Nuxt.js application
- webviewer-flutter - Integrate WebViewer in a Flutter application
- webviewer-blazor - Integrate WebViewer in a Blazor application
- webviewer-blazor-wasm - Integrate WebViewer in a Blazor application
- webviewer-tomcat-java - Integrate WebViewer in a Java Tomcat application
- webviewer-winforms - Integrate WebViewer in a WinForms application
Samples showing how to integrate and use WebViewer in 3rd party platforms.
- webviewer-salesforce - Integrate WebViewer in Salesforce
- webviewer-salesforce-attachments - View Salesforce record attachments in WebViewer
- webviewer-mendix - Integrate WebViewer into a Mendix low-code app
- webviewer-mendix-module - Server side Mendix module for WebViewer
- webviewer-microsoft-teams - Integrate WebViewer into a Microsoft Teams project
- webviewer-powerapps-component - Integrate WebViewer into a PowerApps component
Samples showing how to use various WebViewer features.
- webviewer-custom-ui - Learn how to create a custom UI for WebViewer
- webviewer-realtime-collaboration-sqlite3 - Implement a real-time collaboration feature using SQLite3
- webviewer-generate-docx - Generate DOCX documents with WebViewer
- webviewer-cors - Learn how to serve WebViewer assets from a different domain (CDN, etc)
- webviewer-server-side-search - Override the default client search with a server-side search
- webviewer-offline - Load WebViewer offline with a service worker
- webviewer-document-merge - Learn how to merge documents with WebViewer
- webviewer-annotations-aspnet - Save and load annotations through files with an ASP.NET backend
- webviewer-annotations-document - Save and load annotations through files with a Node.js backend
- webviewer-annotations-nodejs - Save and load annotations through files with a Node.js backend
- webviewer-annotations-php - Save and load annotations with a PHP backend
- webviewer-annotations-sqlite3 - Save annotations into an SQLite3 database with a Node.js backend
- webviewer-user-bookmarks-nodejs - Save and load user bookmarks with a Node.js backend
- webviewer-barcode - Barcode generation with WebViewer
- webviewer-range-request - Setup range requests on the backend server for loading linearized PDFs in the WebViewer
- webviewer-react-canvasToPDF - Export a canvas to PDF with WebViewer
Samples showing how to integrate WebViewer with Artificial Intelligence.
- webviewer-ask-ai - Enable chat-based Q&A, document and selected-text summarization, keyword extraction, and contextual prompts that lets users ask questions about their PDFs
- webviewer-redaction-ai - Identify and apply redaction of the personal information in the provided PDF