Everything you need to get started with SafeHTML — the sandboxed HTML viewer and context builder for AI learners.
SafeHTML lets you paste HTML from any AI chat — ChatGPT, Claude, Gemini, or anything else — and see it rendered in a secure, sandboxed browser on your phone. It blocks all network access by default and shows you exactly what the HTML is trying to do.
It also includes a Context Builder that helps you write better prompts for AI by giving you one-tap templates and a way to assemble multi-part contexts.
Copy HTML from any AI chat, paste it in, name the file, and see it rendered instantly.
See every network request your HTML tries to make. All external requests are blocked by default.
Build multi-part prompts by pasting content and assembling it. Copy the full context with one tap.
One-tap templates for clean HTML, PDFs, images, and more. No prompt engineering needed.
Share files via AirDrop, email, or Messages. Copy source code back to clipboard for iteration.
Save your own custom contexts with names. Export and import them between devices.
Select the HTML code block in ChatGPT, Claude, or whichever tool you're using and copy it.
On the Files tab, tap the "Paste HTML" card at the top, or tap the + button and choose "Paste HTML".
Tap the Paste button (or tap into the text area and paste). Give it a name like "recipe-card.html". Tap "Create & Open".
You'll see the HTML rendered in the sandboxed browser. The security bar at the top shows whether any network requests were attempted.
At the bottom of the browser view, tap "Copy Source" to copy the raw HTML back to your clipboard.
Paste the HTML into the chat and tell the AI what you want changed. For example: "Make the font bigger and add a print button."
Repeat the process. Each iteration makes your tool better.
Tap "Context" at the bottom of the screen.
For example, tap "Clean HTML Tool". The instructions are copied to your clipboard instantly.
Open your AI chat, paste the context, then add what you actually want. For example: "Build me a weekly meal planner with a shopping list."
You don't need to read or understand the Quick Context templates. Just tap, paste, and add your request. The template tells the AI how to write good, safe HTML — you just tell it what to make.
When you open an HTML file, SafeHTML blocks all external network requests by default. The security bar at the top of the browser shows the current status:
The HTML file made no attempts to contact external servers. This is what you want. A well-built standalone tool should never need to call home.
The HTML tried to load something from the internet — a font, a script, an image, a tracking pixel, or something else. Tap the shield icon or "Security" in the action bar to see exactly what it tried to contact and how many requests were blocked.
Go back to your AI chat, paste the HTML source, and tell the AI: "This HTML is trying to load external resources. Rewrite it so everything is inline and it makes no network requests." Then paste the new version into SafeHTML and check again.
No. SafeHTML does not collect, transmit, or store any data on external servers. Everything stays on your device. There are no analytics, no accounts, and no tracking of any kind. See our Privacy Policy for details.
SafeHTML runs HTML in a sandboxed browser (WKWebView) with network access blocked. The HTML cannot access your photos, contacts, files, or any other data on your phone. It cannot make network requests unless you explicitly toggle the network switch on. The sandbox is the same technology Safari uses to isolate websites.
Any of them. ChatGPT, Claude, Gemini, Copilot, Mistral, or any tool that can generate HTML. You copy the HTML output and paste it into SafeHTML — it doesn't matter where it came from.
A context is a set of instructions you give to an AI before asking it to build something. Think of it like briefing a contractor before they start work. The Quick Contexts in SafeHTML are pre-written briefings that tell the AI to build clean, self-contained HTML with no external dependencies. You don't need to read or understand them — just tap, paste, and add your request.
A standalone HTML tool should work completely offline. If it's trying to load something from the internet, that's either a dependency that could break, a privacy concern, or both. Blocking network access by default teaches good habits: your tools should be self-contained and work anywhere, with or without internet.
Yes. There's a toggle in the browser's security bar that lets you switch from "Network Blocked" to "Network Allowed". Use this if you're testing something that intentionally needs internet access, but leave it blocked by default.
Open the file in SafeHTML, then tap "Share" in the action bar at the bottom. You can send it via AirDrop, email, Messages, or any other sharing method your phone supports. The recipient gets the .html file and can open it in any browser.
On the Context tab, tap the ··· menu in the top right and choose "Export Contexts". This creates a .context file you can share via AirDrop, email, or any other method. On the other device, open the file and SafeHTML will import your saved contexts.
In SafeHTML's Documents folder on your device. You can also see them in the iOS Files app under "On My iPhone" > "SafeHTML". Deleting the app removes all stored files.
Yes. SafeHTML works on both iPhone and iPad.
If you have a question that isn't answered here, reach out and we'll get back to you.
info@ailearninginstitute.ca