awesome-gulp
:tropical_drink: A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation - http://alferov.github.io/awesome-gulp
https://github.com/alferov/awesome-gulp
Last synced: 19 days ago
JSON representation
-
Miscellaneous
-
Yeoman Generators
- 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.
-
-
Plugins
-
Caching
- gulp-changed - Only pass through changed files.
- gulp-remember - Remember and recall files passed through it.
- gulp-newer - Pass through newer source files only.
-
Compilation
- gulp-sass - Sass → CSS with [libsass](https://github.com/sass/libsass).
- gulp-ruby-sass - Sass → CSS with Ruby Sass.
- gulp-compass - Sass → CSS with Ruby Sass & Compass.
- gulp-postcss - Pipe CSS through [PostCSS](https://github.com/postcss/postcss) processors with a single parse.
- gulp-typescript - [TypeScript](https://github.com/Microsoft/TypeScript) → JavaScript.
- gulp-react - Facebook [React](https://github.com/facebook/react) JSX templates → JavaScript.
- webpack-stream - Run [webpack](https://github.com/webpack/webpack) as a stream to conveniently integrate with gulp.
- gulp-stylus - [Stylus](https://github.com/stylus/stylus) → CSS.
-
Concatenation
- gulp-concat - Concatenate files.
-
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.
-
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.
-
Linting
- gulp-csslint - Automated linting of CSS with [CSSLint](https://github.com/CSSLint/csslint).
- gulp-htmlhint - [HTMLHint](https://github.com/yaniswang/HTMLHint) wrapper to validate your HTML.
- gulp-jshint - Detect errors and potential problems in JavaScript with [JSHint](https://github.com/jshint/jshint).
- gulp-jscs - Check JavaScript code style with [jscs](https://github.com/jscs-dev/node-jscs).
- gulp-coffeelint - A style checker that helps keep [CoffeeScript](https://github.com/jashkenas/coffeescript) code clean.
- gulp-tslint - [TypeScript](https://github.com/Microsoft/TypeScript) linter plugin for gulp.
- gulp-eslint - Identify and report on patterns found in ECMAScript/JavaScript code.
- gulp-w3cjs - Validate HTML with [w3cjs](https://github.com/thomasdavis/w3cjs).
- gulp-lesshint - Lint less files with [lesshint](https://github.com/lesshint/lesshint).
- gulp-check-unused-css - Check your HTML templates for unused CSS classes.
-
Live Reload
- browser-sync - Keep multiple browsers & devices in sync when building websites ([recipes](https://github.com/BrowserSync/gulp-browser-sync)).
- gulp-livereload - Gulp plugin for livereload.
-
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.
-
Minification
- gulp-clean-css - Minify CSS with [clean-css](https://github.com/jakubpawlowicz/clean-css).
- gulp-csso - Minify CSS with [CSSO](https://github.com/css/csso).
- gulp-uglify - Minify JavaScript with [UglifyJS2](https://github.com/mishoo/UglifyJS2).
- gulp-htmlmin - Minify HTML with [html-minifier](https://github.com/kangax/html-minifier).
- gulp-imagemin - Minify PNG, JPEG, GIF and SVG images with [imagemin](https://github.com/imagemin/imagemin).
- gulp-svgmin - Minify SVG files with gulp.
-
Miscellaneous Plugins
- gulp-preprocess - Preprocess files based on custom context or environment configuration.
- 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-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 [ng-annotate](https://github.com/olov/ng-annotate).
- gulp-bump - Bump any semver JSON version.
- gulp-zip - ZIP compress files.
- gulp-filter - Filter files in a vinyl stream using globbing.
-
Optimization
- gulp-uncss - Remove unused CSS selectors with [UnCSS](https://github.com/giakki/uncss).
- 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 `<symbol>` elements.
- gulp-iconfont - Create icon fonts from several SVG icons.
-
Templating
- gulp-angular-templatecache - Concatenate and register AngularJS templates in the $templateCache.
- gulp-handlebars - [Handlebars](https://github.com/wycats/handlebars.js) templates → JavaScript.
- gulp-hb - [Handlebars](https://github.com/wycats/handlebars.js) templates → HTML.
- gulp-nunjucks - [Nunjucks](https://github.com/mozilla/nunjucks) templates → JavaScript.
- gulp-dustjs - [Dust](https://github.com/linkedin/dustjs) templates → JavaScript.
- gulp-riot - [Riot](https://github.com/riot/riot) templates → JavaScript.
- gulp-markdown - Markdown → HTML.
- gulp-template - [Lodash](https://github.com/lodash/lodash) templates → JavaScript.
- gulp-swig - [Swig](https://github.com/paularmstrong/swig) templates → HTML.
-
Testing
- gulp-mocha - Run [Mocha](https://github.com/mochajs/mocha) tests.
- gulp-jasmine - Run [Jasmine 2](https://github.com/jasmine/jasmine) tests in Node.js.
- gulp-protractor - Gulp wrapper for [Protractor](https://github.com/angular/protractor) tests.
- gulp-coverage - Coverage reporting for Node.js that is independent of the test runner.
- gulp-karma - Karma test runner for gulp.
-
Transpilation
- gulp-babel - ES6 → ES5 with [babel](https://github.com/babel/babel).
- gulp-traceur - ES6 → ES5 using [Traceur](https://github.com/google/traceur-compiler).
- gulp-regenerator - ES6 → ES5 with [Regenerator](https://github.com/facebook/regenerator).
- gulp-es6-transpiler - [:no_entry:] ES6 → ES5 with [es6-transpiler](https://github.com/termi/es6-transpiler).
- gulp-myth - [Myth](https://github.com/segmentio/myth) - a polyfill for future versions of the CSS spec.
- gulp-cssnext - [:no_entry:] Use tomorrow's CSS syntax, today, using [cssnext](https://github.com/MoOx/postcss-cssnext).
-
-
Resources
-
Community
-
General Resources
-
Miscellaneous Resources
-
Official Documentation
-
Tutorials
- Building with Gulp
- Gulp - The Vision, History, and Future of the Project
- Introduction to Gulp.js
- Video: Learning Gulp
- 5 Lessons Learned Using Gulp.js
- Automating Linkage: How I Learned to Stop Worrying and Love the Build
- Setting Up Gulp Tasks for the First Time
- 6 Gulp Best Practices You Can Use Today to Radically Improve Your Development Experience
- Gulp for Beginners
- Migrating to Gulp 4 by Example
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify
- Fast Browserify Builds with Watchify
- What Every Angular Project Likely Needs - and a Gulp Build to Provide It
- Advanced AngularJS Structure with Gulp, Node and Browserify
- Angular, Webpack and Gulp for an SPA: Part I
- Angular, Webpack and Gulp for an SPA: Part II
- Angular, Webpack and Gulp for an SPA: Part III
- Browserify and Gulp with React
- Taking React to the Next Level: Mixins, Gulp, and Browserify
- Advanced WordPress Development Using Gulp
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- 5 Lessons Learned Using Gulp.js
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Advanced AngularJS Structure with Gulp, Node and Browserify
- Why You Shouldn’t Create a Gulp Plugin (or, How to Stop Worrying and Learn to Love Existing Node Packages)
- Gulp + Browserify, the Gulp-y Way
- Advanced AngularJS Structure with Gulp, Node and Browserify
- Why You Shouldn’t Create a Gulp Plugin (or, How to Stop Worrying and Learn to Love Existing Node Packages)
- Gulp + Browserify, the Gulp-y Way
- Gulp + Browserify, the Gulp-y Way
- Automate Your Tasks Easily with Gulp.js
- Using Gulp to Inject Scripts and Styles Tags Directly into Your HTML
-
-
Scaffolding
-
Boilerplates
- web-starter-kit - Google Web Starter Kit.
- gulp-plugin-boilerplate - Boilerplate to kickstart creating gulp plugins.
- 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.
- 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).
- laravel-5-boilerplate - A Laravel 5 boilerplate project.
-
Yeoman Generators
- 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.
-
Programming Languages
Categories
Sub Categories
Tutorials
80
Miscellaneous Plugins
19
Yeoman Generators
15
Boilerplates
11
Linting
10
Templating
9
Compilation
8
Optimization
6
Minification
6
Transpilation
6
Official Documentation
5
Testing
5
Logging
4
Flow Control
4
Injecting Assets
3
General Resources
3
Caching
3
Live Reload
2
Community
2
Miscellaneous Resources
2
Concatenation
1
Keywords
gulp-plugin
29
javascript
24
nodejs
22
gulp
12
css
5
deprecated
4
sass
3
test-runner
2
debug
2
yeoman-generator
2
postcss
2
stream
2
html
2
frontend
2
template
2
boilerplate
2
ruby
1
css-framework
1
component-library
1
compress-images
1
imagemin
1
minify-images
1
remember-files
1
htmlhint
1
useref
1
es2015
1
lodash
1
underscore
1
graphql
1
nextjs
1
prisma
1
react-native-web
1
reactjs
1
relay
1
typescript
1
postcss-plugins
1
prefixer
1
hash
1
manifest
1
rev
1
filter
1
gzip
1
size
1
mocha
1
clean-css
1
responsive
1
responsive-images
1
sharp
1
babel
1
compression
1