Hammer Beta Support for High Sierra Available Download.

Buy Hammer
Download
Features
Take the tour
Templates
Browse gallery
Docs
Read up
News + Updates
All the latest about Hammer

Hammer Tags

Show Menu

What can I do with Hammer tags?

Running your project under Hammer means you can do things you can’t normally do with standard markup and code. When any of the following features are used in your project files, Hammer will compile the markup to standard HTML inside your Build folder.

Remember, Hammer is required to use these features in development, but anyone with a web browser can view the files in the Build folder.

Some Hammer features happen automatically, some of them are called with an HTML comment formatted tag - <!-- @keyword example -->

Clever Paths

<img src="<!-- @path mac.png -->"/>

Read more about Clever Paths


HTML Includes

<!-- @include _header.html -->

Read more about includes


Stylesheets & JavaScript

<!-- @javascript main.js -->
<!-- @stylesheet style.css -->

Read more about Stylesheet & Javascript tags


Navigation Helpers


    <ul class="menu">
    <li><a href="<!-- @path index.html -->">Home</a></li>
    <li><a href="<!-- @path about.html -->">About</a></li>
    <li><a href="<!-- @path contact.html -->">Contact</a></li>
    </ul>

Read more about navigation helpers


Variables

variable

Read more about variables


Todos

<!-- @todo Fix this later -->

Read more about todos


Image Placeholders

<!-- @placeholder 400x300 -->

Read more about image placeholders


Automatic Reload

<!-- @reload -->

Read more about automatic reload

Have a question, want to beta test new releases or have an issue you're stuck with?

Join our supportive community Slack Team and get in touch with us directly. We love to help!

Free Trial
Buy Hammer
Anvil is a beautiful menubar app that can run your Hammer builds under local .dev URL’s - great if you’re using web services like Typekit. Find out more and download it for free at anvilformac.com