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.
Rollerblade lets you easily create interactive 360º image rotators, and other cool image effects.
smoothState.js is a jQuery plugin that progressively enhances website page loads to behave more like a single-page application.
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.
MAWButton.js is a ripple button inspired by Google material design.
RippleButtons.js is a tiny standalone library for adding ripple animations to your website
Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.
Ultimate Fade In Slideshow is a robust, cross browser fade in slideshow script that supports manual or automatic modes, responsive dimensions, swipe to navigate, slide descriptions, and more.
ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page.
A tutorial that shows how to recreate the four tiles slideshow effect using 3D transforms, transitions and animations. The aim is to implement a smooth effect and add some variations.
Crossfade.js is a tiny jQuery plugin for crossfading images as you scroll down a page.