HTML Downloader for ChatGPT icon

HTML Downloader for ChatGPT

Extension Actions

How to install Open in Chrome Web Store
CRX ID
fccpabhmfjepkmmobhdbhmdfcaladecl
Description from extension meta

Download HTML code in ChatGPT's 'GPT-4o with canvas' model and UI.

Image from store
HTML Downloader for ChatGPT
Description from store

Use this extension to easily and instantly download your HTML code directly within OpenAI's "ChatGPT-4o with canvas" model/UI.

This tool adds a download icon to the canvas interface for HTML/CSS code canvases, allowing you to instantly download the code displayed in the canvas without the need to copy to a notepad or code editor.

With a single click, the extension copies your code and surfaces a save dialog to download as HTML.

**Please read the caveats below**

Easy as 1-2-3:

1. Generate new HTML/CSS code, or view already generated canvas code, in "ChatGPT-4o with canvas" at chatgpt.com, chat.openai.com, or chat.com.

2. When the canvas opens automatically, or you open it manually on existing canvas code, the download button should appear at the top-right of the canvas within a second or two.

3. Press the download button to download your HTML/CSS code.

Caveats:

- You must be in the "ChatGPT-4o with canvas" model/UI.

- HTML/CSS code canvases must start with '<!DOCTYPE html>' or the download button won't appear.

Donate: https://www.paypal.com/donate/?hosted_button_id=DQ5LYLT8NA26W

download icon PNG (as seen in canvas UI) designed by 588ku from https://pngtree.com/freepng/file-download-icon_4647924.html?sol=downref&id=bef

Latest reviews

Bryce
Super helpful, exactly what I needed! I would love a feature to allow saving with the same name (ie, removing the incrementing number for duplicate file names) so I can quickly iterate by clicking download and refreshing the page, for pages with scripts. Great tool!