This repository contains examples built with PSPDFKit. These examples are not officially supported. They may stop working, they may not be repaired -- and still serve for inspiration. Read the disclaimer or reach out if you have questions.
A wide variety of examples what PSPDFKit for Web can do can be found in the Example Catalog - Try them online.
- Electronic Signatures: Use our API to add electronic signature images to PDFs.
- Watermarks: Add custom content (like images, text, and logos) as watermarks to your PDF pages.
- Image Annotations: Annotate images with PSPDFKit for Web.
- Custom UI for Annotations: Create a fully customized UI for working with annotations.
- Custom Annotation Permissions: Define custom permissions for annotation types.
- Custom Annotation Tools: Add your own tools or actions when an annotation is selected.
- Custom Toolbar Tools: Add custom tools to the PDF toolbar.
- PDF Page Manipulation: Add, remove, reorder, or rotate pages in a PDF.
- Advanced PDF Search: Modify PDF search behavior.
- Custom Overlays: Extend PDFs by adding your own elements to pages.
- Selective Area Revealing: Allow users to hide/reveal areas on a PDF page.
- HTML-Based Annotation Customization: Enhance or replace existing PDF annotations using custom HTML.
- Dark Mode: Switch to dark mode programmatically.
- Custom Views and Drag-and-Drop: Add custom views for dragging and dropping image elements.
- Document Editor Customization: Customize the document editor toolbar and footer items.
- Page Flip Effect: Create a magazine-like browsing experience.
- Permissions Enforcement: Set permissions based on JSON Web Token (JWT) parameters.
- Electronic Signatures Persistence: Keep electronic signatures across page refreshes.
Other examples:
- Watermark from Text Annotation
- Straighten Freeform Highlight
- Add Ink Stroke Color Preset Custom Buttons
- Add Outlines to Shapes
- Annotation Filter
- Prevent Dragging Annotations but Keep Them Selectable
- Prevent InkSignature From Drag & Resize While Allowing Its Deletion
- Programmatically Create a Comment Thread
- Open URL from Image Annotation
- Custom Sidebar Displays Highlighted Text
- Hide Link Annotations Tooltip
- Handle Interactions with Notes Attached to Annotations
- Using Cutom Renderers to Display Annotation Information on Hover
- Create Highlight Annotations Programmatically from Search
- Use Custom Actions with Emebdded PDF Widget Button
- Prevent Showing Note Annotation Content on Hover
- Link Comments with Annotations
- Create Annotations from Clipboard
- Get All Annotations Bounding Box
- Snip Annotations
- Add Timestamp As Subtitle to Custom Stamp This examples adds a timestamp to custom stamps created via our UI.
- Add and Count a Checkmark Annotation in Toolbar
- Redact Keywords Programmatically
- Apply Redaction to All Text With Overlay Message
- Redact One by One
- Add custom tooltip to Redaction Annotation This example hides the default tooltip and adds a custom one placed closer to the annotation that it is associated to.
- Disable Editing a Signature After Creation
- Apply Signature OnClick
- Move to the Next Signing Field With the Sign Here Widget Automatically
- Sign Here Widget With More Functionality
- Change Default Size for Signatures
- Get the Last Signed Signature Field
- A Complete Frontend Signing POC in NextJS
- Lightweight Multi-Party Signing Example in Vanilla JS
- Smoothly Scroll Into The Next Signature Field
- Add Custom Button To Form Field Configuration
- Add Custom Form Field Buttons
- Add Name on Top of Signature Field/Widget
- Add Custom Database Form Fields Information While Creating Form Fields With UI
- Iterate Over Form Fields and Widgets and Output Their Properties
- Set Radio Button Value To Default YES
- Add Custom Sidebar Item in Menu
- Add Read Checkmark to Thumbnails
- Custom Button on Redact Annotation Toolbar
- Add a Link, Highlight, Underline Annotation From the Inline Text Context Menu
- Rotate PDF Pages With Custom Toolbar Buttons
- Show Redaction Annotations in the Annotation Sidebar
- By default some annotation types are hidden in the annotation sidebar by design. This example showcases the API used to enable showing those types if needed.
- Zoom-In/Zoom-Out With Scroll
- Export Selected Pages in Document Editor
- Regular Expression (Regex) Search
- Print Single Page.
- Restrict Zoom Level Both Ways
- Extract Text From Cropped PDF Pages
- Execute Operations in Headless Mode Before Loading the Document in the Viewer
- Save Selected Page From Document Editor
- Convert From Text to Speech
- Syncronise a PDF in Google Drive
- Syncronous Scrolling in the Viewer
- Desanitization of HTML Entities & Special Characters in Note Annotations
- Detect when viewer UI is loaded
- Baseline UI - A set of customisable and accessible React components.
- Add custom button to main toolbar - This examples adds a custom button to the main toolbar.
- Change label of thumbnails in Thumbnails Sidebar to a string - This example changes the thumbnails label in the thumbnail sidebar to a custom strings.
- Change cancel button in Document Editor Modal variant This examples makes the cancel button in the the Document Editor Dialog red.
- Add a custom button in the Create Signature Modal that changes a custom state This examples displays and changes a custom state in the Create Signature Modal
- Document Assistant for PSPDFKit - AI Document Assistant for PSPDFKit Demo showcases how to interact with PDFs using natural language commands powered by AI, integrated with PSPDFKit for Web.
- iOS Catalog - A wide variety of examples what PSPDFKit for iOS can do. Clone it and play with it.
- Android Catalog - A wide variety of examples what PSPDFKit for Android can do. Clone it and play with it.
- Using PSPDFKit for Web in WinUI3 app - Learn how to use web SDK in WinUI3 app or any app that supports WebView2.
- React Native Catalog - A diverse range of examples showcasing what PSPDFKit for React Native is capable of. Clone the repository and explore its features firsthand.
- MAUI Catalog - A diverse range of examples showcasing what PSPDFKit for MAUI is capable of. Clone the repository and explore its features.
- Flutter Sample - Discover a practical example showcasing the power of PSPDFKit for Flutter.
- .NET for Android Sample - Learn how to use C# Bindings for PSPDFKit for Android.
- .NET for iOS Sample - Learn how to use C# Bindings for PSPDFKit for iOS.