twolfson/gulp.spritesmith

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1067 stars · 80 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A gulp plugin that converts a set of images into a spritesheet image and CSS variables (SASS, Stylus, LESS, JSON, CSS) for use in stylesheets. It is the official gulp port of grunt-spritesmith and supports retina spritesheets.

Use cases

• generate a css spritesheet from icon images in a gulp build
• create sass variables for sprite image positions
• support retina @2x spritesheets in a gulp pipeline
• combine many small pngs into one image to reduce http requests
• output sprite metadata as for custom templating

When to choose

• you use gulp and need css sprites generated as part of your build
• you want spritesheet output in multiple css preprocessor formats
• you need retina sprite support

When to avoid

• you use webpack or modern bundlers with built-in asset handling
• you no longer use css sprites in your workflow
• you need a grunt-based workflow (use grunt-spritesmith instead)

Facets

plugin · maturity maintenance

image-processing templating web-development frontend graphics cross-platform gulp-plugin css-sprites spritesheet retina-support css-variables nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="twolfson/gulp.spritesmith")