spritesmith

Utility that takes images and creates a spritesheet with JSON sprite data

v3.5.1 URL: https://unpkg.com/spritesmith@3.5.1/src/smith.js

Open Browse Files

sprite spritesheet css

svg-sprite

SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)

v2.0.4 URL: https://unpkg.com/svg-sprite@2.0.4/lib/svg-sprite.js

Open Browse Files

icon icons svg png sprite spritesheet stack generator css sass less stylus stylesheet inline html vector rwd retina mustache gulpfriendly

spritesheet-templates

Convert spritesheet data into CSS or CSS pre-processor data

v10.5.2 URL: https://unpkg.com/spritesheet-templates@10.5.2/lib/spritesheet-templates.js

Open Browse Files

json css sass scss stylus less sprite spritesheet template format

gulp-svg-sprite

SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours

v2.0.3 URL: https://unpkg.com/gulp-svg-sprite@2.0.3/index.js

Open Browse Files

gulpplugin icon icons svg png sprite spritesheet stack generator css sass less stylus stylesheet inline html vector rwd retina mustache

maxrects-packer

A max rectangle 2d bin packer for packing glyphs or images into multiple sprite-sheet/atlas

v2.7.3 URL: https://unpkg.com/maxrects-packer@2.7.3/dist/maxrects-packer.js

Open Browse Files

spritesheet atlas bin pack max rect