Home / Guides / Share ChatGPT HTML

Guide

How to share HTML from ChatGPT as a live URL

ChatGPT wrote you a page — a landing page, a dashboard, a little game — and it looks great in the preview. But the preview lives inside ChatGPT, and a conversation link isn't a web page. Here's how to put the actual page at a URL anyone can open, in about a minute, free.

Get a URL for your page

Preview links aren't web pages

Sharing the conversation (or a canvas link) shows people your page inside ChatGPT's interface — with its chrome around it, sometimes behind a login, and never at an address you'd put on a slide or in a client email. The HTML itself is portable; the preview isn't. Hosting the code turns "look what ChatGPT made" into a page with its own URL that behaves like any other website: opens on any device, unfurls with a preview card in Slack and iMessage, and outlives the chat.

The one-minute flow

  1. Copy the code. Use the copy button on the code block (or open the canvas and copy the full document). You want everything from <!doctype html> down.
  2. Save it as page.html. Paste into any text editor — Notepad, TextEdit (plain-text mode), VS Code — and save with an .html extension.
  3. Drop it on htmldrop.app. Drag the file onto the drop zone. The page is live at a slug.htmldrop.app URL immediately — no account, up to 2 MB, live for 7 days.

If you want to sanity-check the page before sending the link, that's the same minute of work — see previewing an HTML file online.

When ChatGPT splits the code into files

ChatGPT often hands you three blocks: index.html, style.css, script.js. Two clean ways to handle it:

Libraries loaded from a CDN — Tailwind, Chart.js, React UMD, p5.js — work either way, since the page fetches them at view time. Only server-side code (a Python backend, an API ChatGPT invented) won't run on a static host — ask ChatGPT for a "static, client-side only" version if the page needs to stand alone.

Make it presentable

Working in Claude, Cursor, or Cline instead?

Assistants that speak MCP can skip this entire guide: add htmldrop's hosted server (https://htmldrop.app/mcp, OAuth browser sign-in — no API keys) and "publish this page" returns the URL in one tool call. See publishing from Claude Code and sharing a Claude artifact. ChatGPT itself can publish via the REST API with an API token if you've enabled code execution.

Your ChatGPT page deserves a real URL.

Copy, save, drop — live in under a minute. Free and anonymous to start.

Try it free

FAQ

Can people open my ChatGPT page without a ChatGPT account?

Once the HTML is hosted on htmldrop it's a normal web page — anyone can open the URL in any browser with no ChatGPT or htmldrop account. That's the difference between sharing a conversation link and sharing the page itself.

Does HTML with Tailwind, Chart.js, or JavaScript work?

Yes — anything self-contained runs as-is, including CDN-loaded libraries like Tailwind, Chart.js, React UMD builds, and inline scripts. If ChatGPT split CSS/JS into separate files, either ask it to inline everything into one document or drop the files together as a folder with a free account.

The page ChatGPT wrote references style.css and script.js — what do I do?

Two options: ask ChatGPT to "combine this into a single self-contained HTML file" (it will inline the CSS and JS), or save all three files into a folder and drop the folder on htmldrop with a free account — relative paths work unchanged.

How long does the link last and can I update the page?

Anonymous drops stay live for 7 days. A free account keeps 3 drops at 10 MB each; paid plans from $5/mo make drops permanent and add version history — re-upload and the URL stays the same — plus password protection, and custom domains from $10/mo.