Hammer Beta Support for High Sierra Available Download.

Buy Hammer
Take the tour
Browse gallery
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>

Read more about navigation helpers



Read more about variables


<!-- @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