How to publish HTML from ChatGPT, Claude, and Gemini
A step-by-step guide to exporting HTML from popular AI coding assistants and publishing it online with a shareable link.
AI coding assistants can generate complete HTML pages in seconds. The problem is sharing them. Most people paste code into a local file, open it in a browser, and send a screenshot. That works for a quick look, but it is not a real shareable link.
The easiest workflow
- Ask the AI for a single-file HTML page. For example: 'Create a landing page for a coffee shop in a single HTML file with inline CSS.'
- Copy the generated HTML code.
- Save it as page.html on your computer.
- Go to Leme upload and select the file.
- Add a title and optional description.
- Click Upload. You get a public link like leme.app/p/xyz.
ChatGPT
In ChatGPT, ask for a complete HTML file. If the output is too long, ask it to continue. Once you have the full code, save it as .html and upload to Leme. ChatGPT Code Interpreter can also generate HTML files directly if you ask it to write and export the file.
Claude
Claude Artifacts can render HTML and React components. When Claude shows an artifact, click the code view, copy the HTML, and save it. Leme will host that exact HTML and make it shareable with anyone.
Gemini
Gemini can generate HTML snippets in its response. Ask for a single, self-contained HTML file with inline styles. Copy the result, save it, and upload to Leme.
Other tools
The same workflow works for v0, Lovable, Bolt, Replit Agent, and any other tool that produces a single HTML file. If the tool exports a ZIP or multiple files, first combine the CSS and JavaScript into the HTML file, then upload.
What makes Leme useful
- No hosting setup.
- Instant public link.
- Works on desktop and mobile.
- Visitors can leave comments and suggestions.
- Free to try; Pro for unlimited pages and no watermark.