Kontext is a context-shift transition inspired by iOS. It's created using JavaScript, CSS 3D transforms and 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.
Wodry.js is a simple jQuery plugin for a text flipping/rotating. Wodry.js allow you to set animation from animations collection, set your own callback on content flipping, etc.
Rippler is an effect that spreads like a wave in touch or click. You can also use the buttons on the Bootstrap.
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.
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.
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