Description
HTML5 Boilerplate is a professional front-end template for building
fast, robust, and adaptable web apps or sites.
This project is the product of many years of iterative development and
combined community knowledge. It does not impose a specific development
philosophy or framework, so you're free to architect your code in the
way that you want.
html5-boilerplate alternatives and similar libraries
Based on the "Boilerplates" category.
Alternatively, view html5-boilerplate alternatives based on common mentions on social networks and blogs.
-
Cerberus
A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail. -
mobile-boilerplate
DISCONTINUED. A front-end template that helps you build fast, modern mobile web apps. -
React PWA
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience. -
webplate
DISCONTINUED. Webplate is an awesome front-end framework that lets you stay focused on building your site or app all the while remaining really easy to use. -
full-page-intro-and-navigation
An intro page with a full width background image, a bold animated menu and an iOS-like blurred effect behind the navigation
Civic Auth - Auth in Less Than 5 Minutes

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of html5-boilerplate or a related project?
README
HTML5 Boilerplate
HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.
This project is the product of over 10 years of iterative development and community knowledge. It does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.
- Homepage: https://html5boilerplate.com/
- Source: https://github.com/h5bp/html5-boilerplate
- Twitter: @h5bp
About This Repository
This repository is where HTML5-Boilerplate is authored. Some of the tools, files and processes that you see here are solely for the production of HTML5 Boilerplate and are not part of HTML5 Boilerplate. For one example, the gulpfile.mjs script is used to build the project. It's not part of the project itself.
The project we publish is represented by the contents of the /dist/
folder. Everything else in this repository is used to author the project.
Think of it this way, in the same way that you don't clone vuejs/core to create a Vue.js app, you don't need to clone this repository to start a new site or app based on HTML5 Boilerplate.
So, if you're looking for a quick start template to build a web site or application, look at the options in the Quick Start section of this document
If you want to help us improve HTML5 Boilerplate then you can start with the documentation [here](.github/CONTRIBUTING.md), which includes steps to clone this repo in order to get it set up for development.
Quick start
Choose one of the following options:
- Using the create-html5-boilerplate
script, instantly fetch the latest npm published package (or any version
available on npm) with
npx
,npm init
oryarn create
without having to install any dependencies. Running the followingnpx
command installs the latest version into a folder callednew-site
npx create-html5-boilerplate new-site
cd new-site
npm install
npm run start
Using our new Template Repository create a new GitHub repository based on the latest code from the main branch of HTML5 Boilerplate.
Install with npm:
npm install html5-boilerplate
or yarn:yarn add html5-boilerplate
. The resultingnode_modules/html5-boilerplate/dist
folder represents the latest version of the project for end users. Depending on what you want to use and how you want to use it, you may have to copy and paste the contents of that folder into your project directory.Download the latest stable release from html5boilerplate.com. This zip file is a snapshot of the
dist
folder. On Windows, Mac and from the file manager on Linux unzipping this folder will output to a folder named something likehtml5-boilerplate_v7.3.0
. From the command line will need to create a folder and unzip the contents into that folder.
mkdir html5-boilerplate
unzip html5-boilerplate*.zip -d html5-boilerplate
Features
- A finely-tuned starter template. Reap the benefits of 10 years of analysis, research and experimentation by over 200 contributors.
- Designed with progressive enhancement in mind.
- Includes:
Normalize.css
for CSS normalizations and common bug fixes- A custom build of
Modernizr
for feature detection Apache Server Configs
that improve the web site's performance and security
- Placeholder Open Graph elements and attributes.
- An example package.json file with WebPack commands built in to jumpstart application development
- Placeholder CSS Media Queries.
- Useful CSS helper classes.
- Default print styles, performance optimized.
- Protection against any stray
console
statements causing JavaScript errors in older browsers. - "Delete-key friendly." Easy to strip out parts you don't need.
- Extensive documentation.
Browser support
HTML5-Boilerplate supports the latest, stable releases of all major browsers.
You can find our range of supported browsers in our package.json At present we alter the browserlist default by dropping IE 11.
"browserslist": [
"> 0.5%",
"last 2 versions",
"Firefox ESR",
"not dead",
"not IE 11"
],
That configuration translates to this full list of browsers.
Documentation
Take a look at the [documentation table of contents](docs/TOC.md). This documentation is bundled with the project which makes it available for offline reading and provides a useful starting point for any documentation you want to write about your project.
Contributing
Hundreds of developers have helped to make the HTML5 Boilerplate. Anyone is welcome to [contribute](.github/CONTRIBUTING.md), however, if you decide to get involved, please take a moment to review the [guidelines](.github/CONTRIBUTING.md):
- [Bug reports](.github/CONTRIBUTING.md#bugs)
- [Feature requests](.github/CONTRIBUTING.md#features)
- [Pull requests](.github/CONTRIBUTING.md#pull-requests)
License
The code is available under the [MIT license](LICENSE.txt).
*Note that all licence references and agreements mentioned in the html5-boilerplate README section above
are relevant to that project's source code only.