export html static folder files

Export to a folder

Exporting your site to a folder

Exporting to a folder gives you a complete, self-contained copy of your site as plain HTML, CSS, JS, and assets. You can then host it anywhere — Netlify, Vercel, GitHub Pages, Amazon S3, or your own server.

Opening the export dialog

Go to Settings → Export (or press ⌘E / Ctrl+E). The Export dialog opens.

Choosing an export folder

Click Browse to select a destination folder, or type the full path into the path field. Site Designer exports into this folder directly — it does not create a subfolder inside it.

Export options

The Export dialog includes several options:

Option	What it does
Minify HTML	Removes whitespace and comments from HTML, reducing file size
Minify CSS	Compresses your stylesheet
Minify JS	Compresses JavaScript files
Include source maps	Adds `.map` files for easier debugging of minified code
Asset naming	Controls whether images and fonts keep their original names or get hashed names for cache busting

For production, enable minification. Disable it if you need to read the exported code for debugging.

What’s included in the export

Site Designer exports a clean, self-contained set of files:

index.html — your home page (and one .html file per additional page)
style.css — all your project styles in a single stylesheet
Any JavaScript files your project uses (framework JS, custom scripts)
/images/ — all images referenced in the project
/fonts/ — any custom fonts you uploaded to the project
/videos/ — any HTML5 video files

All asset paths in the HTML and CSS are relative by default, so the exported folder is portable — you can place it anywhere without breaking links.

After exporting

Verify locally

Open the exported folder and double-click index.html. Your browser opens the page. Check that images, fonts, and links all work. If anything is missing or broken, fix it in Site Designer and re-export.
Test with Live Preview if possible

Some features — relative links between pages, certain JavaScript behaviors — work differently when opened as a file:// URL vs. a proper http:// URL. For a fully accurate test, serve the exported folder with a simple local server (e.g., npx serve . or Python’s http.server) or upload to a staging environment.
Upload to your host

Upload the exported files to your hosting provider using FTP, their dashboard file manager, Git push, or the platform’s CLI (e.g., netlify deploy). Your host’s documentation will guide the upload method.

Setting a persistent export folder

If you always export to the same folder (e.g., a Git repository), set a default export directory to skip the Browse step on every export. See Configuring the export directory.