Use special tags for HTML includes, clever filepaths, variables and autoreloading of the page in your browser.

Optimise Your Output

Switch on Optimise mode for a project and its Build files will be compressed, concatenated and optimised.

Publish + Share Your Builds

Share your packaged Build manually, or publish a version to our short URL service and paste alink.

Hammer has its own format, which sits right inside your HTML, CSS and JavaScript files

Start using these in your projects and you’ll wonder how you ever managed without them.

HTML Includes

Front-end developers shouldn’t have to run local environments, or use PHP to do HTML includes.

With Hammer, you don’t have to

@include _header.html

Clever Paths

Write asset paths the easy way. Hammer searches your project files for the file and writes the filepath for you, even if it moves.

@path icons.png

Variables

Set and use variables in your files to bend them to your will. Perfect for building out templates, you can even set default variables.

$foo_bar

p

$foo

/p

Auto Reload

Every time Hammer finishes compiling your project, it will refresh the built page in whichever web browser you’re using.

@reload

Todos.

Leave yourself notes and todos directly in your code. Hammer will display them right in the main interface.

@todo Rewrite all of this

Image Placeholders

Create dynamic placeholder images quickly and easily. Great when you need flexible images at the prototype stage.

@placeholder 300x400

Stylesheets + JavaScripts

By using the special Stylesheet and JavaScript tags, you can include multiple assets with minimum markup. Plus, there’s no need for extensions; just like clever paths, Hammer will find the files itself.

@stylesheet normalize

@stylesheet assets/css/*

@javascript jquery app

For a complete guide to these special tags and all the other features in Hammer, please read through the Hammer Documentation

Hammer templates get you going even quicker

Hammer includes a minimal boilerplate set of files when you create a new project. Now you can choose new templates for your projects and manage them within Hammer.

You can also export any project as a Hammer template, to use for other projects, or make them available to the web design/development community for everyone to make use of.

Browse Template Gallery

“Hammer makes working with static site files the easiest it’s ever been.”