Awesome Gulp 
A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation.
Looking for something else? Take a look at other awesome lists.
A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation.
Looking for something else? Take a look at other awesome lists.
[:no_entry:] - A deprecation notice;
Sass → CSS with [libsass](https://github.com/sass/libsass).
Sass → CSS with Ruby Sass.
Sass → CSS with Ruby Sass & Compass.
[Less](https://github.com/less/less.js) → CSS.
[Stylus](https://github.com/stylus/stylus) → CSS.
Pipe CSS through [PostCSS](https://github.com/postcss/postcss) processors with a single parse.
[Coffeescript](https://github.com/jashkenas/coffeescript) → JavaScript.
[TypeScript](https://github.com/Microsoft/TypeScript) → JavaScript.
Facebook [React](https://github.com/facebook/react) JSX templates → JavaScript.
Run [webpack](https://github.com/webpack/webpack) as a stream to conveniently integrate with gulp.
ES6 → ES5 with [babel](https://github.com/babel/babel).
ES6 → ES5 using [Traceur](https://github.com/google/traceur-compiler).
ES6 → ES5 with [Regenerator](https://github.com/facebook/regenerator).
[:no_entry:] ES6 → ES5 with [es6-transpiler](https://github.com/termi/es6-transpiler).
[Myth](https://github.com/segmentio/myth) - a polyfill for future versions of the CSS spec.
[:no_entry:] Use tomorrow's CSS syntax, today, using [cssnext](https://github.com/MoOx/postcss-cssnext).
Concatenate files.
Minify CSS with [clean-css](https://github.com/jakubpawlowicz/clean-css).
Minify CSS with [CSSO](https://github.com/css/csso).
Minify JavaScript with [UglifyJS2](https://github.com/mishoo/UglifyJS2).
Minify HTML with [html-minifier](https://github.com/kangax/html-minifier).
Minify PNG, JPEG, GIF and SVG images with [imagemin](https://github.com/imagemin/imagemin).
Minify SVG files with gulp.
Remove unused CSS selectors with [UnCSS](https://github.com/giakki/uncss).
Transform all resources found (those within a url() declaration) in CSS files into base64-encoded data URI strings.
Convert SVGs to PNGs.
Generate images at different sizes.
Combine svg files into one with `<symbol>` elements.
Create icon fonts from several SVG icons.
Parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets.
Transform each file to a string and inject each transformed string into placeholders in the target stream files.
Wire Bower dependencies to your source code.
Concatenate and register AngularJS templates in the $templateCache.
[Jade](https://github.com/pugjs/jade) → HTML.
[Handlebars](https://github.com/wycats/handlebars.js) templates → JavaScript.
[Handlebars](https://github.com/wycats/handlebars.js) templates → HTML.
[Nunjucks](https://github.com/mozilla/nunjucks) templates → JavaScript.
[Dust](https://github.com/linkedin/dustjs) templates → JavaScript.
[Riot](https://github.com/riot/riot) templates → JavaScript.
Markdown → HTML.
[Lodash](https://github.com/lodash/lodash) templates → JavaScript.
[Swig](https://github.com/paularmstrong/swig) templates → HTML.
Gulp plugin for [remark](https://github.com/wooorm/remark) - markdown processor powered by plugins
Automated linting of CSS with [CSSLint](https://github.com/CSSLint/csslint).
[HTMLHint](https://github.com/yaniswang/HTMLHint) wrapper to validate your HTML.
Detect errors and potential problems in JavaScript with [JSHint](https://github.com/jshint/jshint).
Check JavaScript code style with [jscs](https://github.com/jscs-dev/node-jscs).
A style checker that helps keep [CoffeeScript](https://github.com/jashkenas/coffeescript) code clean.
[TypeScript](https://github.com/Microsoft/TypeScript) linter plugin for gulp.
Identify and report on patterns found in ECMAScript/JavaScript code.
Validate HTML with [w3cjs](https://github.com/thomasdavis/w3cjs).
Lint less files with [lesshint](https://github.com/lesshint/lesshint).
Check your HTML templates for unused CSS classes.
Keep multiple browsers & devices in sync when building websites ([recipes](https://github.com/BrowserSync/gulp-browser-sync)).
Gulp plugin for livereload.
Only pass through changed files.
A simple in-memory file cache.
Remember and recall files passed through it.
Pass through newer source files only.
Merge multiple streams into one interleaved stream.
Pipe queued streams progressively.
Run a series of dependent gulp tasks in order.
Conditionally run a task.
Notification plugin for gulp.
Display the size of your project.
Debug vinyl file streams to see what files are run through your gulp pipeline.
Better Error Reporting with interactive system notifications and custom server for error displaying.
Run [Mocha](https://github.com/mochajs/mocha) tests.
Run [Jasmine 2](https://github.com/jasmine/jasmine) tests in Node.js.
Gulp wrapper for [Protractor](https://github.com/angular/protractor) tests.
Coverage reporting for Node.js that is independent of the test runner.
Karma test runner for gulp.
Set of useful utilities.
Prevent pipe breaking caused by errors.
Automatically load in gulp plugins.
Simplify build process setup by dynamically getting the library files.
Parse CSS and add vendor prefixes to rules by Can I Use.
Provide source map support.
A string replace plugin for gulp.
Rename files easily.
Static asset revisioning by appending content hash to filenames: unicorn.css → unicorn-d41d8cd98f.css.
Delete files/folders using globs.
Run a shell command.
Strip console, alert, and debugger statements from JavaScript code.
Parses a CSS file, finds imports, grabs the content of the linked file and replaces the import statement with it.
Inline your CSS properties into the style attribute in an HTML file.
Publish contents to Github pages.
Add AngularJS dependency injection annotations with [ng-annotate](https://github.com/olov/ng-annotate).
Bump any semver JSON version.
Include files with gulp.
ZIP compress files.
Run Git commands with gulp.
Filter files in a vinyl stream using globbing.
Preprocess files based on custom context or environment configuration.
Eval JS-expression or require CommonJS modules and JSON files.
Google Web Starter Kit.
Boilerplate to kickstart creating gulp plugins.
A starting point for Polymer 1.0 apps.
The most complete React/Flux dev stack and starter kit for isomorphic functional web apps.
Minimal boilerplate to start a responsive HTML5/Sass project.
A lightweight, mobile-first boilerplate for front-end web developers.
Boilerplate using AngularJS, Sass, gulp, and Browserify.
A Node.js, Hapi, and Swig boilerplate.
A Laravel 5 boilerplate project.
React starter kit that contains react-router, Reflux, jest, webpack, gulp and Stylus.
Frontend boilerplate and modular BEM css framework based on gulp, pug, stylus, postcss, webpack and babel.
A boilerplate for frontend projects powered by Gulp, HTML5 bolierplate, Sass, PostCss and Webpack(for Babel transpiling).
A gulp generator for modern webapps.
Yeoman generator for AngularJS with gulp.
A Yeoman Generator for React library. It includes gulp, Browserify, Browsersync and Bootstrap.
A Node.js module generator including gulp and Mocha.
Yeoman generator for Bootstrap, gulp & libsass.
Yeoman generator involving AngularJS, gulp and Browserify.
A Yeoman generator for Ionic Projects with gulp.
Scaffold out a [gulp plugin boilerplate](https://github.com/sindresorhus/gulp-plugin-boilerplate).
Jekyll workflow with gulp, Sass, AutoPrefixer, asset optimization and cache busting and much more.
A clean, fluent API for defining basic gulp tasks for your Laravel applications.
Gulp as an app (OS X).
Example of gulp tasks unit testing.
An elegant, intuitive way to reuse gulp tasks.