Vanilla HTML – Minimal Semantic HTML5 Framework

Vanilla HTML is a framework which requires no extra markup or class attributes to build a layout. Vanilla HTML is also responsive and semantic. It is built upon HTML5 boilerplate, a LESS version is also included in the package.



Add <link rel="stylesheet" href="vanilla.css"> to your document head.

Now add the class vanilla to body or any other element <body class="vanilla">

Basic Template:

<!DOCTYPE html>
        <meta name="viewport" content="initial-scale=1">
        <link rel="stylesheet" href="css/vanilla.css">
    <body class="vanilla">
            <h1>Page Title</h1>
        <hr />
                Larger Left Column
                Smaller Right Column
        <hr />
                © 2013, Tyler Childs

Browser Support