Which CSS reset options are available?

Three options: None (no reset styles), Minimal (a small set of sensible defaults: box-sizing border-box, margin 0, and img max-width 100%), and Normalize.css (loads normalize.css v8 from a CDN to reduce browser inconsistencies).

Are the generated scripts loaded from a CDN?

Yes. jQuery, Alpine.js, htmx, and Normalize.css are loaded from public CDNs (cdnjs / unpkg). The generated template is ready to use without a build step.

What Open Graph tags are included?

og:title, og:description, og:type (set to 'website'), and og:url are included. You can edit the placeholder values after copying the template.

Can I choose any Google Font?

A curated list of the most popular Google Fonts is available in the picker. The generated template includes the appropriate tag to load the font from Google Fonts CDN.

Is the generated code saved anywhere?

No — everything runs in your browser. Nothing is sent to a server.

Developer 無料サインアップ不要

HTML Boilerplate Generator

Generate a complete, customisable HTML starter template in seconds.

ツールを読み込み中…

このツールについて

Stop copy-pasting the same HTML skeleton every time you start a project. Configure your charset, viewport meta tag, page title, meta description, CSS reset strategy (none, minimal, or normalize.css), dark-mode color-scheme meta, Open Graph tags for social sharing, a Google Fonts picker, and optional script includes for jQuery, Alpine.js, and htmx. The generated HTML is displayed with syntax highlighting and can be copied to the clipboard or downloaded as an index.html file with one click.

使い方

1 Set the page title and meta description.
2 Choose a charset (UTF-8 is recommended for most projects).
3 Select a CSS reset strategy: None, Minimal, or Normalize.css.
4 Toggle optional features: dark mode meta, Open Graph tags, Google Font, and JS libraries.
5 Click 'Generate' to produce the HTML template.
6 Click 'Copy HTML' or 'Download .html' to use the template in your project.

このツールについて

使い方

よくある質問