# 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](https://www.dynamsoft.com/mrz-scanner/docs/web/guides/mrz-scanner-quick-start.md). 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](https://github.com/Dynamsoft/mrz-scanner-javascript). Each is a good starting point if you're building on one of these stacks:

- **[React](https://github.com/Dynamsoft/mrz-scanner-javascript/tree/main/samples/frameworks/react-hooks)** — uses [React](https://react.dev/) with hooks.
- **[Angular](https://github.com/Dynamsoft/mrz-scanner-javascript/tree/main/samples/frameworks/angular)** — uses [Angular](https://angular.dev/).
- **[Vue](https://github.com/Dynamsoft/mrz-scanner-javascript/tree/main/samples/frameworks/vue)** — uses [Vue](https://vuejs.org/).

If you'd like a sample for a framework that isn't listed, let the [Dynamsoft team](https://www.dynamsoft.com/company/contact) 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](https://www.dynamsoft.com/mrz-scanner/docs/web/codegallery/demo/index.md) for the source and run instructions, or try the hosted version at the [official Dynamsoft MRZ Scanner JavaScript demo](https://demo.dynamsoft.com/mrz-scanner).