This is the official port of grunt-spritesmith, the grunt equivalent of a wrapper around spritesmith. Alternative output formats include SASS, Stylus, LESS, and JSON.
gulpplugin spritesmith sprite spritesheetMerge SVGs from a folder. I am looking for a maintainer who would like to take over this plugin.
svg icon sprite gruntpluginStitches is an HTML5 sprite sheet generator. The current version is 1.3.5. Documentation is available here. The latest release, 1.3.5, is available here.
stitches html5 spriteWebpack loader for creating SVG sprites. 🎉 2.0 is out, please read the migration guide & overview.
svg svg-sprite svg-stack webpack webpack2 webpack3 webpack-loader webpack-plugin spriteA web developer workflow used by WeChat team based on Gulp, with cross-platform supported and solutions prepared.
workflow gulp f2e less css tencent wechat weixin sprite webp remWe like SVGs and we think they're the way to display icons on the web. Since Open Iconic are just basic SVGs, we suggest you display them like you would any other image (don't forget the alt attribute). Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
icon iconic open-iconic svg sprite font png webpA css sprite generator. Generates sprites and proper css files out of a directory of images.
sprites sprite coordinates css scss less sass stylus gulpfriendly gruntpluginIt comes with a set of Mustache templates for creating stylesheets in good ol' CSS or one of the major pre-processor formats (Sass, Less and Stylus). Tweaking the templates or even adding your own custom output format is really easy, just as switching on the generation of an HTML example document along with your sprite. For an up-to-date list of browsers supporting SVG in general respectively SVG fragment identifiers in particular (required for <defs> and <symbol> sprites as well as SVG stacks) please refer to caniuse.com.
icon icons svg png sprite spritesheet stack generator css sass less stylus stylesheet inline html vector rwd retina mustache gulpfriendlySpriteJS is a cross-platform lightweight 2D render object model. Manipulate the sprites in canvas as you do with the DOM elements.
spritejs canvas animation graphics rendering renderer rendering-2d-graphics canvas-game canvas-animation svg-path vue react svg sprite graphic path d3 node-canvas parser html5 object-modelGrunt task for converting a set of images into a spritesheet and corresponding CSS variables. As of grunt-spritesmith@4.5.0, retina spritesheets/templates are supported. See the Retina parameters section for more information.
grunt gruntplugin sprite image spritesheet css spritesmith cross-platformCombine svg files into one with <symbol> elements. Read more about this in CSS Tricks article. If you need similar plugin for grunt, I encourage you to check grunt-svgstore.
gulpplugin svg icon spriteWeb Audio Library with HTML5 audio fallback. Waud is a simple and powerful web audio library that allows you to go beyond HTML5's <audio> tag and easily take advantage of Web Audio API. It abstracts Web Audio API making it consistent and reliable across multiple platforms and browsers. It also falls back to HTML5 Audio on non-modern browsers where Web Audio API is not supported.
web-audio base64 npm-package web-audio-library audio-sprites html5-audio haxelib web-audio-api js audio web sounds audiocontext library waud.js waud audiosprite sprite audio-sprite datauriThis document covers only gulp specific installation and configuration aspects. For a full list of features and options, please see the svg-sprite manual. NOTICE: By default, svg-sprite doesn't send any files downstream unless you configure it. There are tons of options available — please see below for some basic examples. Also, you should possibly take care of errors that might occur.
gulpplugin icon icons svg png sprite spritesheet stack generator css sass less stylus stylesheet inline html vector rwd retina mustacheConvert images into spritesheets and coordinate maps. We have moved from result.image being a binary string to it being a Buffer. This is to use more canonical conventions in Node.js.
sprite spritesheet cssA modular image sprite generator. Generates sprites and proper style files out of a directory of images.
sprites sprite coordinates css scss less sass sprity css-sprite gulpfriendlySprite Generator makes it easier for web developers to create sprite images. It's developed in C#.
spriteA 2D top-down tank game written using XNA in C#. A networked multi-player mode and single player mode will be available, along with a map editor. All images will be made with original sprites. The project is for CECS 550, Software Engineering, at the University of Louisville ...
game-sample ragade sprite tank tank-warsSprite Vortex aims to greatly reduce the time needed to create frame based sprite animations. It covers common and useful operations such as importing a spritesheet, building spritesheet from separate images , cutting frames, building animations and more. Developed in: C#.
2d animation game game-development spriteSlate was built for pixel art, and its goal is to simplify the creation of sprites and tilesets by offering a user-friendly, customisable interface. See the releases page for the available downloads.
pixel-art-editor pixel-art bitmap-editor sprite sprites tilesets qt qt5 qtquick qtquick-controls2 game-development
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.