html2astro

Drag & drop your HTML. Instantly convert to an Astro project.

Upload Your HTML

Drag & drop your ZIP file here

or click to browse

Options

Output ZIP filename

Page structure

output:

/pages/slug/index.astro

fail on missing assets

Features

Skip 0 KB files
Auto-distribute <head> metadata: common in layout, per-page in slot
Copy assets into public/assets/{images,js,css,misc}
Extract <header>/<footer> into Header.astro/Footer.astro

Example Transformation

Input:

/my-site
├─ index.html
├─ profile.html
└─ src/
   ├─ style.css
   ├─ common.css
   ├─ main.js
   ├─ image.png
   ├─ logo.svg
   └─ some-text.txt

Output:

/astro-project
├─ public/assets/css/
│  ├─ style.css
│  └─ common.css
├─ public/assets/js/
│  ├─ main.js
├─ public/assets/images/
│  ├─ image.png
│  └─ logo.svg
├─ public/assets/misc/
│  └─ some-text.txt
├─ src/components/
│  ├─ Header.astro
│  └─ Footer.astro
├─ src/layouts/
│  └─ BaseLayout.astro
└─ src/pages/
   ├─ index.astro
   └─ profile.astro