An interactive bar graph with animations and information. It's built with CSS and jQuery.
pageSwitch is a javascript library to create page switch effects. It supports 121 switching animations.
ProgressBarWars.js is a tiny(Star Wars Tribute) jQuery plugin that allows you to display an animated horizontal progress meter.
CircletPreloader is a lightweight jQuery plugin to create circular preloader animation.
A tutorial on how to implement an animated menu icon using SVG and Segment, a JavaScript library for drawing and animating SVG paths.
Segment is a little JavaScript class to draw and animate SVG path strokes.
Digital Write is a jQuery plugin to write characters on a 5X5 matrix with color, animations and size. It can be used in loaders, welcome messages etc.
Popmotion is lightweight JavaScript motion engine. Make it pop with animation, physics, and input tracking.
A tutorial about creating simple modal window with an SVG background animated using Snap.svg and javascript.
jQuery DrawSVG is lightweight, simple to use jQuery plugin to animate SVG paths.
This plugin uses the jQuery built-in animation engine to transition the stroke
on every <path>
inside the selected <svg>
element, using stroke-dasharray
and stroke-dashoffset
properties.
A simple, responsive carousel with animated SVG paths used as transition effects.
jQuery.scrollable manages animated scrolling in windows, scrollable elements and iframes. It frees you from handling gotchas and edge cases and offers convenient, flexible options for animation.
A tutorial about creating full page slider, with animated SVG elements used as transition effects.
An ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.
Detecting the end of CSS animation and transition could be useful if you want to back up some of your JavaScript behavior on CSS. Also jQuery version available too.