SVG Morpheus is a javascript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions.
A tutorial about creating background effect that can move and zoom when scrolling.
t.js is a jQuery plugin to create Typewriter effect with nice features and html support.
Creating 3D Carousel using TweenMax.js and jQuery. It works best in Chrome/Safari, then FF.
This is randomly moving bars that resemble music equalizer. Super thin and bouncy.
Goodnight is a small Javascript plugin for applying special CSS styles at night.
Animsition is a simple and easy jQuery plugin used to add page transition on css animations.
Chaffle is a jquery plug-in that allows you to shuffle randomly character.
jQuery.twinkle is a jQuery plugin to get the user's attention to special parts of your website with different effects and options.
Flapper is a jQuery plugin that replicates the split-flap (or "Solari") displays that used to be common in train stations and airports, and your dad's alarm clock in the 70s.
To use, just attach Flapper to any input on your page. Whenever the input's change event is fired, Flapper will update the display.
Letter Drop is a jQuery plugin for letter drop animation effect. The plugin takes the text string within the defined element and splits each letter out adding a random delay to each from 1.0 to 1.9 secs before dropping and rotating the letters down like rain.
Blast.js separates text in order to facilitate typographic manipulation. It has four delimiters built in: character, word, sentence, and element. Alternatively, Blast can match custom regular expressions and phrases.
Blast's uses include typographic animation, juxtaposition, styling, search, and analysis.
A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.
Animated Tagline Switcher that loop infinitely using Javascript’s setInterval function. There are 5 effects in total: Fade, Flip Vertically, Flip Horizontally, Slide and Bounce.
Waves is a click effect inspired by Google Material Design. This effect can be used on buttons, icons and on other elements just like divs and images.
