Psychedelic Grunt Plugins

June 15, 2013 - Jake Bresnehan

A few months ago, I started to research build processes to help improve the pattern we currently follow at work. During my research I somehow ended up configuring Grunt and discovered the true awesomeness it has to offer. Unfortunately, so far I haven’t managed to integrate it into our workflow, but for my after-hours development, it has become an integral part of the way things roll.

If you haven’t investigated Grunt, stop reading and start now.

If you are already on the Grunt train then hopefully you will find some of the following plugins handy.


Run predefined tasks whenever watched file patterns are added, changed or deleted.


A grunt task to automate moving files to/from Amazon S3.


Universal CSS styleguide generator.


Make lossless optimisation of images part of your automated build process.


Start a static web server.

Honorable mentions that are semi psychedelic:

  • Complexity – Evaluates code maintainability using Halstead and Cyclomatic metrics
  • Plato – Generate complexity analysis reports with plato
  • QUnit – Run QUnit unit tests in a headless PhantomJS instance

Not so psychedelic but still awesome plugins:

  • Shell – Run shell commands
  • Sass – Compile Sass to CSS
  • CSSmin – Compress CSS files
  • Uglify – Minify files with UglifyJS
  • JShint – Validate files with JSHint.

The whole Grunt plugin ecosystem is an existing and rapidly developing environment. I’m sure the future is going to be crazy!

If you have any favourite plugins, be sure to either send us a tweet or comment below.

Join over 30,000 developers & designers who get the best news and articles delivered right to their inbox each week.