Introducing Quench: The Gulp file generator.

May 5th, 2015

Quench Screenshot

Inspired by the response to my previous article, “Using Gulp in Your Web Design Workflow,” I created a tool that makes getting started with Gulp even easier.

Introducing Quench: The Gulp file generator. Quench lets you choose how you want Gulp to work for you—minimize your CSS, optimize your images, etc.—and creates the gulpfile.js and package.json files that you can add to your own project. Additionally, in supported browsers you can download the Gulp files along with an accompanying directory structure and starter templates.

This is very much a work in progress, so please email with any feedback, bugs, or suggestions. It’s a tool I know I’ll be using and I want to make it work for you. Give it a try and let me know what you think.

  1. How to Use Quench

How to Use Quench

  1. Visit
  2. Customize your Gulp options to best suit your project structure and needs.
  3. Either copy and paste or (in supported browsers) download the gulpfile.js and package.json files into your own project.
  4. With Node installed (see “Using Gulp in Your Web Design Workflow“), navigate to your project directory via the command line.
  5. Run npm install
  6. Run gulp
  7. Code away!


Jitendra Vyas

May 7, 2015 6:35 am

This is very helpful. I have sent one feedback.


May 7, 2015 7:46 am

Thanks, Jitendra! Received your feedback. I need to do a little research and I’ll get back to you.


December 3, 2015 3:57 pm

Thank you to Matt, I finally can use gulp. Awesome project!

Ray Lugo

January 26, 2016 7:28 pm

Hi Matt. Quench rocks! I just found it today but I can see the need already. Great idea and you made it very simple to use. If you need help with commits, let me know. I’d love to help you build it out!


January 27, 2016 6:47 pm

Glad you’re enjoying it, Ray!

Leave a Reply

Your email address will not be published. Required fields are marked *