Skip to main content

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.

Contribution

:octocat: All contributions welcome. Feel free to contribute (guidelines).

Contents

Legend

[⛔] - A deprecation notice;

Resources

General Resources

Official Documentation

Community

Tutorials

Gulp Tutorials

Gulp 4 Tutorials

Gulp with Browserify

Gulp with Angular

Gulp with Angular and Browserify

Gulp with Angular and Webpack

Gulp with React and Browserify

Gulp with Ember

Gulp with WordPress

Miscellaneous Resources

Plugins

Compilation

Transpilation

Concatenation

Minification

Optimization

Injecting Assets

  • gulp-useref - Parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets.
  • gulp-inject - Transform each file to a string and inject each transformed string into placeholders in the target stream files.
  • wiredep - Wire Bower dependencies to your source code.

Templating

Linting

Live Reload

Caching

Flow Control

  • merge-stream - Merge multiple streams into one interleaved stream.
  • streamqueue - Pipe queued streams progressively.
  • run-sequence - Run a series of dependent gulp tasks in order.
  • gulp-if - Conditionally run a task.

Logging

  • gulp-notify - Notification plugin for gulp.
  • gulp-size - Display the size of your project.
  • gulp-debug - Debug vinyl file streams to see what files are run through your gulp pipeline.
  • gulp-beer - Better Error Reporting with interactive system notifications and custom server for error displaying.

Testing

Miscellaneous Plugins

Scaffolding

Boilerplates

  • web-starter-kit - Google Web Starter Kit.
  • gulp-plugin-boilerplate - Boilerplate to kickstart creating gulp plugins.
  • polymer-starter-kit - A starting point for Polymer 1.0 apps.
  • este - The most complete React/Flux dev stack and starter kit for isomorphic functional web apps.
  • mnml - Minimal boilerplate to start a responsive HTML5/Sass project.
  • kraken - A lightweight, mobile-first boilerplate for front-end web developers.
  • angularjs-gulp-browserify-boilerplate - Boilerplate using AngularJS, Sass, gulp, and Browserify.
  • hapi-ninja - A Node.js, Hapi, and Swig boilerplate.
  • laravel-5-boilerplate - A Laravel 5 boilerplate project.
  • react-starterkit - React starter kit that contains react-router, Reflux, jest, webpack, gulp and Stylus.
  • gulp-front - Frontend boilerplate and modular BEM css framework based on gulp, pug, stylus, postcss, webpack and babel.
  • Front End Starter - A boilerplate for frontend projects powered by Gulp, HTML5 bolierplate, Sass, PostCss and Webpack(for Babel transpiling).

Yeoman Generators

Miscellaneous

  • elixir - A clean, fluent API for defining basic gulp tasks for your Laravel applications.
  • gulp-app - Gulp as an app (OS X).
  • lmn-gulp-tasks - Example of gulp tasks unit testing.
  • gulp-chef - An elegant, intuitive way to reuse gulp tasks.

License

http://creativecommons.org/publicdomain/zero/1.0/

To the extent possible under law, Philipp Alferov has waived all copyright and related or neighboring rights to this work.

Contribute to this list: https://github.com/alferov/awesome-gulp