Repolode
Submit
h5bp

h5bp/html5-boilerplate

A professional front-end HTML, CSS and JavaScript starter template for building fast, robust and adaptable websites and web apps.

View on GitHubWebsite
Stars
57,654
Forks
12,243
Open issues
22
Last commit
10 days ago

What is it?

HTML5 Boilerplate is a starter template for front-end projects. It provides a pre-built HTML document structure, CSS base styles and JavaScript setup that cover common concerns such as cross-browser compatibility, performance, and printing, so developers can start from a tested baseline instead of an empty file.

The template does not impose a framework or development philosophy. Developers can use the files as-is, copy only the parts they need, or strip out unused pieces. It includes placeholder Open Graph tags, CSS media queries, helper classes and default print styles, and ships with an example package.json that includes WebPack commands.

The project is distributed through npm, a zip download of the published dist folder, the create-html5-boilerplate scaffolding script, and a GitHub template repository. Its documentation is bundled with the project for offline reading.

Key features

  • 01Starter HTML, CSS and JavaScript structure designed with progressive enhancement in mind.
  • 02Placeholder Open Graph tags and CSS media queries.
  • 03Useful CSS helper classes and performance-oriented default print styles.
  • 04Example package.json with WebPack build commands.
  • 05Easy to strip out unneeded parts.
  • 06Bundled documentation for offline reading.

Use cases

  • Starting a new static website or landing page with a solid HTML and CSS baseline.
  • Bootstrapping a front-end web app that needs a framework-neutral template.
  • Learning best practices for HTML head setup, meta tags and print styles.

Quick start

  1. 1

    Scaffold a new site with create-html5-boilerplate

    npx create-html5-boilerplate new-site
  2. 2

    Enter the new site folder

    cd new-site
  3. 3

    Install dependencies

    npm install
  4. 4

    Start the project

    npm run start

Things to know

  • The template is built around WebPack commands in its example package.json, so you may need to adjust the build setup.

Topics

#html5#css#javascript#front-end#starter-template#web-development#best-practices#html#html5-boilerplate#robust

FAQ

What is html5-boilerplate?
A professional front-end HTML, CSS and JavaScript starter template for building fast, robust and adaptable websites and web apps. HTML5 Boilerplate is a starter template for front-end projects. It provides a pre-built HTML document structure, CSS base styles and JavaScript setup that cover common concerns such as cross-browser compatibility, performance, and printing, so developers can start from a tested baseline instead of an empty file.
Is html5-boilerplate free to use? What license does it have?
html5-boilerplate is open source under the MIT license. Check the license terms before using it in commercial products.
Is html5-boilerplate still maintained?
Actively maintained. The last commit to html5-boilerplate was on Oct 12, 2026.
What can I use html5-boilerplate for?
Starting a new static website or landing page with a solid HTML and CSS baseline. Bootstrapping a front-end web app that needs a framework-neutral template. Learning best practices for HTML head setup, meta tags and print styles.
How do I install html5-boilerplate?
Scaffold a new site with create-html5-boilerplate: npx create-html5-boilerplate new-site Enter the new site folder: cd new-site Install dependencies: npm install Start the project: npm run start
Where can I get html5-boilerplate?
The source code and installation instructions are on GitHub: https://github.com/h5bp/html5-boilerplate

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects