Each of these demo applications are included with full source code in the LEADTOOLS main installation and are used to demonstrate the various LEADTOOLS technologies inside an interactive, HTML/JavaScript, zero-footprint application.

Document Viewer

Demonstrates the LEADTOOLS Document Viewer in an HTML5/JavaScript application. The Document Viewer can be used to view raster, text, and document formats, making it ideal for Enterprise Content Management (ECM), document retrieval, and document normalization solutions.

  • Load a document from local disk and url
  • Draw annotations on the document
  • Use thumbnail viewer for page selection
  • View any bookmarks that have been included in the document
  • Interactive zooming/panning
  • Print annotated documents


LEAD has packaged the LEADTOOLS Document Viewer web application and service into the LEADVIEW API component. It requires as little as three lines of code to plug the LEADVIEW API into any JavaScript application. The component is highly customizable and supports all the features of the existing low-level Document Viewer, including viewing and converting hundreds of file formats and more than 30 annotation and markup objects. Users can easily create themes for the UI or use the predefined dark or light themes. With a settings dialog or JSON file, the entire ReactJS UI can be customized by each end-user or administratively locked down at a server level.

Document Composer

Demonstrates the LEADTOOLS Document Composer interface to load and view multiple files while interactively dragging and dropping pages to compose one custom document. Virtual documents created by the Document Composer can be saved on the server, shared with multiple users, and exported to any format.

  • Load a document from local disk and url
  • Create custom documents
  • Organize pages
  • Export to any supported file format

Document Comparer

Compare two documents side-by-side, split screen view, or with overlay within the Document Viewer. Comparing the documents will highlight the differences between the two files being compared. The LEADTOOLS Document Compare library provides easy text-based comparisons with string, DocumentPageText, and LEADDocument objects.

SVG Demo

This demo shows one implementation of the LEADTOOLS SVG technology by using a web service to rasterize an SVG file and display the resulting image in the web viewer.

  • Load, print, edit, and display SVG 1.0 and 1.1 files
  • Infinite zoom without loss of display quality or aliasing

OCR Demo

Demonstrates the use of our OCR technology in HTML5/JavaScript by loading an image from a URL, or uploading an image from your device, and returning the OCR results of that image.

  • Individually select pages to OCR
  • Draw zones and return selected text results

Bank Check Reader

Demonstrates the use of our MICR and bank check reading technology using HTML5 and JavaScript.

  • Perform automatic image preprocessing
  • Detect MICR location on checks
  • Return MICR results
  • Parse account, auxiliary, checking, routing numbers, and amount

Passport Reader

Uses the LEADTOOLS Passport Reader technology to read a passport image and parse out the information.Develop applications for industries and government agencies requiring machine-readable passport (MRP) and machine-readable travel document (MRTD) recognition and processing.

  • Extract fields regardless of image resolution, scale, and other characteristics
  • World-class accuracy and speed
  • Automatic detection and correction of passport orientation and skew angle

Driver's License Reader

Uses HTML5 and JavaScript to demonstrate the use of our Forms Recognition technology to extract driver's license information. This technology finds and extracts text, numeric, and date information from any driver’s license or identification card using OCR or AAMVA.

Barcode Reader

Uses HTML5 and JavaScript to demonstrate our barcode technology reading 34 different barcode symbologies in various test and real-world images. This technology can return the barcode value, location on the image, and the symbology that was detected.

  • Draw zone on the loaded image
  • Return results of selected barcodes

Annotations Demo

Uses HTML5 and JavaScript to demonstrate our annotation and image-markup technology. Users may use the annotation toolbar at the bottom of the image to add stamps, sticky notes, rulers, and various other image markup devices to an annotation layer of the image without changing the original image data.

  • Load a pre-loaded image
  • Draw annotations
  • Export image

Medical Web Viewer

A zero-footprint Medical viewer with light and dark themes to display DICOM images (pixel data) with window level, density removal, offset, scale, zoom, stack, annotation/markup, and multi-touch support for phone, tablet, and desktop.

It demonstrates zero-footprint 3D volume rendering of multiple volume types including VRT, MIP, MPR, and SSD in the Medical Web Viewer. The viewer does not require browser plugins, desktop utilities, or remote desktop clients and features low resolution and caching options for faster rendering and loading.

Note: If you have your own test images that you would like to upload into the application, contact support@leadtools.com to have a private user profile created.

Dental Web Viewer

A zero-footprint dental viewer to display DICOM images with specialized features for dental that include Endo, Perio, Dentin, and FMX layouts. Additionally shows multi-touch support for phone, tablet, and desktop.

  • Interactive brightness and contrast display
  • Display DICOM information

Image Viewer

Uses HTML5 and JavaScript to demonstrate features of the LEADTOOLS image viewer. Features include:

  • Load an image from url
  • Rotate
  • Zoom
  • Flip horizontally and vertically

Thumbnail and Bookmark Demo

Uses HTML5 and JavaScript to demonstrate our thumbnail viewer to navigate pages of an image or document. The thumbnail viewer will display a small thumbnail image of all pages found in a document.

Image Processing Demo

Uses HTML5 and JavaScript to demonstrate some of our image processing technology. LEADTOOLS provides more the 200 image processing functions and only a small subset is shown including:

  • Flip
  • Histogram Equalize
  • Auto Color Level
  • Invert

Image Viewer Styles Demo

Uses HTML5 and JavaScript to demonstrate how the Elements Mode of the LEADTOOLS ImageViewer can respond to CSS transitions. . Elements Mode uses real HTML5 elements to render the viewer and its items instead of painting onto a canvas element. The Elements Mode of the viewer still uses a canvas element to register click, touch, scroll, and drag events, as well as custom post rendering operations such as rendering annotations.

Drag and Drop Demo

This demo shows how the LEADTOOLS ImageViewer supports both the native HTML Drag and Drop and a custom item-based mode for desktop and mobile devices.

Inline Demo

The inline demo shows how an ImageViewer component can be embedded on a page as a component for displaying documents or images. Setting this up can be done with minimal configuration. This has built-in support for raster and SVG images and documents including loading directly from disk file or URLs.

Web Scanning

Uses HTML, JavaScript, and a Self-hosted Web Service application or a Java application to demonstrate the LEADTOOLS Web Scanning technology.

  • Scan and upload images from devices in browser-based applications
  • Apply image processing functions to scanned images
  • Print scanned images

NOTE: Client required

  • Windows: A TWAIN device and to download a TWAIN proxy for Windows
  • Linux: A SANE device and to download SANE RPM package