Complete Integration Examples›Plain HTML / JavaScript
No Framework · No Build Tools

Plain HTML / JavaScript

Each example is a complete HTML document. Save it as index.html, replace the Public Key, and serve it from an authorized origin.

Single File Control

One input[type=file], one button, one output preview.

Multiple Files

Use input multiple and pass File[] to a multi-input Tool.

Multi-result + Upload

Receive many Files and send them to your own server with FormData.

Interactive Modal

Provide the initial File, let the user edit in Zavilo UI, then receive onComplete.

Embedded Tool

Mount a complete end-user Tool into a normal HTML page.

Do not open production examples from file://. Use http://localhost during development and HTTPS in production so origin-based SDK authorization works correctly.