10+ jQuery Image Sprite Plugins & Tutorials

Sam Deering

Today we are sharing you our collection of 10+ jQuery Image Sprite Plugins and Tutorials. With these plugins it is now possible to create a powerful animations and effects. Very useful for those who wants to create any animated stuff like game characters etc.

1. Stretchy Sprites

Cross-browser, responsive resizing/stretching of CSS sprite images.
Stretchy Sprites
Source + Demo

2. jQuery & CSS Sprite Animation

It’s now possible to create equally as powerful animations and effects without needing to use any third party plugins.In today’s screencast I’m going to show you what a sprite is and just how easy it can be to create an entire animated scene using jQuery, CSS & Sprites.
jQuery & CSS Sprite Animation
SourceDemo

3. Stitches

An HTML5 sprite sheet generator.
Stitches
Source + Demo

4. Animating Sprites With Spritely jQuery Plugin

Spritely.js is a great and simple jQuery plugin for animating sprites. It’s very useful for those who wants to create any animated stuff like game characters etc.
Animating Sprites
SourceDemo

5. sprite spin

A jQuery plugin that enables sprite animation in your website. The aim of this plugin is to provide a 360 degree view of some kind of product.
sprite spin
Source + Demo

6. jQuery Plugin for Cartoon-like Background Image Sprite Animation – AniDG – (alernative to animated Gif)

A simple plugin for jQuery which allows you animate background images. The plugin is basically an alternative to the animated GIF but with several benefits.
AniDG
SourceDemo

7. jQuery Kwicks and CSS Image Sprites Tutorial

This is a catchy jQuery powered effect… It uses the Kwicks for jQuery plugin from Jeremy Martin to which I’ve added a twist using CSS image sprites.
Kwicks and CSS Image Sprites
SourceDemo

8. AutoSprites – A jQuery Menu Plugin

This plugin now contains support for an active state. It is just as easy to use and all of the animation still works with it.
AutoSprites
SourceDemo

9. jQuery.spritely

A jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds.
jQuery.spritely
Source + Demo

10. Jquery-sprite

jQuery plugin for sprite (animation).
Jquery-sprite
SourceDemo

11. spriteOnHover (Sprite on Hover) – jQuery plugin

A lightweight jQuery plugin designed to animate your sprite sheets on hover…
spriteOnHover
Source + DemoMore demos…

Win an Annual Membership to Learnable,

SitePoint's Learning Platform

No Reader comments

Comments on this post are closed.