The jump-start web-tools engine to accelerate & optimize your
custom web development project needs.

Integrate any of your favorite tools
we made it your choice.



Sass and less are both popular choices. We wanted to make it easy so that you could either one of them. We have left the code in the grunt file, just commented out. By default the grunt file is setup to handle Sass files, but can easily be modified to handle Less.


Grids & Libraries

Different libraries and grids work best for different projects. We don't want to limit you to a particular grid or library. We have added several to choose from and more will be available in the future including additional jQuery & JS libraries.



All packages come with a grunt file to run through several tasks that process and minimize your code. We will be adding options for Gulp in the future. These files are fully editable if you wish to add your own grunt tasks as well.

Customize & Build your package

CSS Processor

Get Started


Build & Download Package

You can download the default package, or you can build your own package if you choose. The package will come in a .zip. Unzip the download and then open your command line tool.

Get Dependencies

Now on the command line, we will cd to the directory where we downloaded our build. And then run sudo npm install. This will install all the npm packages that we need based on our Hammer package.

Hammer Your Project

Now, after we have obtained all of our NPM dependencies, we will build our project for the first time, start a node.js server, and launch the web browser. Simply Run grunt in the hammer directory.

A short video on getting started, if you prefer that sort of thing.
Github Logo

Hammer is open source. It's hosted and available on GitHub.

Why Use Hammer?


Quick to Start

Quickly start a new project and don't worry about the setup. We have your back on this one. Either select the default Hammer package or build your own custom feature package.

Code Minification

Making your project size optimized through minification of your css and javascript is already built in. No sweat.

Folder Structure

We have designated an easy folder structure to help you stay organized in your new project. It has a src folder in each project to keep your main src files for further editing.


Time Saving

No more searching for libraries to do certain functions, or adding them to your head element until it's over 20 lines of code. We add them to your project and optimize for you.

Beacoup Options

We have several options already pre-built into the default package, but to make it even better, we have several custom options you can add in the custom build section.

Documentation Included

We build a full doc page when you customize or download the default package. These pages help guide you in using your package as you develop your web masterpiece. Coming soon...