A collection of sample projects for the Apryse WebViewer SDK.
- 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-facial-redaction - Redact faces from PDF with WebViewer
- webviewer-user-bookmarks-nodejs - Save and load user bookmarks with a Node.js backend
- webviewer-barcode - Barcode generation with WebViewer
- webviewer-react-canvasToPDF - Export a canvas to PDF with WebViewer
Samples showing how to use different WebViewer plug-in modules.
- webviewer-BIM - View BIM data in WebViewer
- webviewer-audio - View, annotate, and redact audio files in WebViewer
- webviewer-video - View, annotate and redact video files in WebViewer