MRZ Scanner JavaScript Edition - Code Gallery

This page collects the official MRZ Scanner samples — a single-file CDN Hello World, framework integrations for the three major web stacks, and a fully styled production-style demo — to use as starting points or references when building your own app.

Hello World

The most rudimentary MRZ Scanner integration — a single HTML file loaded via the jsDelivr CDN — lives in the Quick Start. It walks through the minimal code needed to launch the scanner and render the parsed result.

Frameworks

Hello World–style integrations for the three major web frameworks, hosted in the main MRZ Scanner repository. Each is a good starting point if you’re building on one of these stacks:

• React — uses React with hooks.
• Angular — uses Angular.
• Vue — uses Vue.

If you’d like a sample for a framework that isn’t listed, let the Dynamsoft team know.

Demo

The Demo is a fully styled, mobile-and-desktop-responsive reference implementation — useful as a starting point for a presentable, production-ready MRZ scanning UI.

See the Demo page for the source and run instructions, or try the hosted version at the official Dynamsoft MRZ Scanner JavaScript demo.