awesome-gulp
by alferov
A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation - http://alferov.github.io/awesome-gulp
AI summary
Gulp toolkit
A curated collection of resources and plugins to improve development workflow automation with Gulp.
- stars
- 624
- forks
- 58
- watching
- 35
- awesome lists
- 3
- entries
- 161
What's in the list
161 links in 22 sections, with live GitHub stats.activeno commit in 2y
Resources / General Resources
Resources / Official Documentation
Resources / Community
Resources / Tutorials
Resources / Miscellaneous Resources
Plugins / Compilation
gulp-sass
Sass → CSS with
gulp-ruby-sass
Sass → CSS with Ruby Sass
gulp-compass
Sass → CSS with Ruby Sass & Compass
gulp-less
→ CSS
gulp-stylus
→ CSS
gulp-postcss
Pipe CSS through processors with a single parse
gulp-coffee
→ JavaScript
gulp-typescript
→ JavaScript
gulp-react
Facebook JSX templates → JavaScript
webpack-stream
Run as a stream to conveniently integrate with gulp
Plugins / Transpilation
gulp-babel
ES6 → ES5 with
gulp-traceur
ES6 → ES5 using
gulp-regenerator
ES6 → ES5 with
gulp-es6-transpiler
[ ] ES6 → ES5 with
gulp-myth
- a polyfill for future versions of the CSS spec
gulp-cssnext
[ ] Use tomorrow's CSS syntax, today, using
Plugins / Concatenation
gulp-concat
Concatenate files
Plugins / Minification
gulp-clean-css
Minify CSS with
gulp-csso
Minify CSS with
gulp-uglify
Minify JavaScript with
gulp-htmlmin
Minify HTML with
gulp-imagemin
Minify PNG, JPEG, GIF and SVG images with
gulp-svgmin
Minify SVG files with gulp
Plugins / Optimization
gulp-uncss
Remove unused CSS selectors with
gulp-css-base64
Transform all resources found (those within a url() declaration) in CSS files into base64-encoded data URI strings
gulp-svg2png
Convert SVGs to PNGs
gulp-responsive
Generate images at different sizes
gulp-svgstore
Combine svg files into one with elements
gulp-iconfont
Create icon fonts from several SVG icons
Plugins / 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
Plugins / Templating
gulp-angular-templatecache
Concatenate and register AngularJS templates in the $templateCache
gulp-jade
→ HTML
gulp-handlebars
templates → JavaScript
gulp-hb
templates → HTML
gulp-nunjucks
templates → JavaScript
gulp-dustjs
templates → JavaScript
gulp-riot
templates → JavaScript
gulp-markdown
Markdown → HTML
gulp-template
templates → JavaScript
gulp-swig
templates → HTML
gulp-remark
Gulp plugin for - markdown processor powered by plugins
Plugins / Linting
- gulp-csslint
Automated linting of CSS with
gulp-htmlhint
wrapper to validate your HTML
gulp-jshint
Detect errors and potential problems in JavaScript with
gulp-jscs
Check JavaScript code style with
gulp-coffeelint
A style checker that helps keep code clean
gulp-tslint
linter plugin for gulp
gulp-eslint
Identify and report on patterns found in ECMAScript/JavaScript code
gulp-w3cjs
Validate HTML with
gulp-lesshint
Lint less files with
gulp-check-unused-css
Check your HTML templates for unused CSS classes
Plugins / Live Reload
browser-sync
Keep multiple browsers & devices in sync when building websites ( )
gulp-livereload
Gulp plugin for livereload
Plugins / Caching
gulp-changed
Only pass through changed files
gulp-cached
A simple in-memory file cache
gulp-remember
Remember and recall files passed through it
gulp-newer
Pass through newer source files only
Plugins / 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
Plugins / 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
Plugins / Testing
gulp-mocha
Run tests
gulp-jasmine
Run tests in Node.js
gulp-protractor
Gulp wrapper for tests
gulp-coverage
Coverage reporting for Node.js that is independent of the test runner
gulp-karma
Karma test runner for gulp
gulp-ava
Run tests with gulp
Plugins / Miscellaneous Plugins
gulp-util
Set of useful utilities
gulp-plumber
Prevent pipe breaking caused by errors
gulp-load-plugins
Automatically load in gulp plugins
main-bower-files
Simplify build process setup by dynamically getting the library files
autoprefixer
Parse CSS and add vendor prefixes to rules by Can I Use
gulp-sourcemaps
Provide source map support
gulp-replace
A string replace plugin for gulp
gulp-rename
Rename files easily
gulp-rev
Static asset revisioning by appending content hash to filenames: unicorn.css → unicorn-d41d8cd98f.css
del
Delete files/folders using globs
gulp-exec
Run a shell command
gulp-strip-debug
Strip console, alert, and debugger statements from JavaScript code
gulp-cssimport
Parses a CSS file, finds imports, grabs the content of the linked file and replaces the import statement with it
gulp-inline-css
Inline your CSS properties into the style attribute in an HTML file
gulp-gh-pages
Publish contents to Github pages
gulp-ng-annotate
Add AngularJS dependency injection annotations with
gulp-bump
Bump any semver JSON version
gulp-file-include
Include files with gulp
gulp-zip
ZIP compress files
gulp-git
Run Git commands with gulp
gulp-filter
Filter files in a vinyl stream using globbing
- gulp-preprocess
Preprocess files based on custom context or environment configuration
gulp-eval
Eval JS-expression or require CommonJS modules and JSON files
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)
Scaffolding / Yeoman Generators
generator-gulp-webapp
A gulp generator for modern webapps
generator-gulp-angular
Yeoman generator for AngularJS with gulp
generator-react-gulp-browserify
A Yeoman Generator for React library. It includes gulp, Browserify, Browsersync and Bootstrap
generator-node-gulp
A Node.js module generator including gulp and Mocha
generator-gulp-bootstrap
Yeoman generator for Bootstrap, gulp & libsass
generator-angulpify
Yeoman generator involving AngularJS, gulp and Browserify
generator-ionic-gulp
A Yeoman generator for Ionic Projects with gulp
generator-gulp-plugin-boilerplate
Scaffold out a
generator-jekyllized
Jekyll workflow with gulp, Sass, AutoPrefixer, asset optimization and cache busting and much more
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
Nothing in this list matches your filter.
Featured in 3 awesome lists
Each link jumps to the spot where the list mentions awesome-gulp.