Turn any design screenshot into clean, editable HTML and CSS. Refine it from your terminal, preview every change, and ship a site you actually own.
GitHub
<main class="site">
<section class="hero">
<h1>Thoughtful spaces.</h1>
<p>Built to last.</p>
</section>
</main>
.hero {
display: grid;
min-height: 80vh;
color: #eeeae3;
}
$ hbox import-design reference.png -o my-site
✓ Analyzed layout, type, color and assets
✓ Generated HTML, CSS and 8 local assets
✓ Built dist/my-site
Local files. No runtime. No lock-in.
A short feedback loop, with ordinary files at every step.
Give Hbox a screenshot. It reads structure, typography, spacing, color and assets.
Prompt an update. Hbox creates a complete preview without touching your live site.
hbox verifies every bit of your site, html, images even external links. Never ship a broken site again.
Accept the version you want, then build, optimize and validate.
$ hbox update my-site about "make the hero quieter"
✓ Update successfully generated: my-site-preview2
hbox preview my-site 2
hbox accept my-site 2
Semantic HTML, straightforward CSS and local assets. Open it in any editor.
Every update becomes a complete numbered site preview before you accept it.
Hashed CSS, optimized images, link checks and deterministic static output.
Reusable partials, Markdown blogs, templates, syntax highlighting and multilingual routes.
Hbox generates a project you already know how to work with.
<!doctype html>
<html lang="en">
<body>
<header>
<nav class="site-nav">
<a href="/">Home</a>
</nav>
</header>
<main>
<section class="hero">
<h1>Thoughtful spaces.</h1>
</section>
</main>
</body>
</html>Hbox gives solo developers a faster first draft without taking the craft—or the files—away.