A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded.
Masonry for the grid layout and anime.js for the animations used in this tutorial.
Foxholder is a pack of 15 unique placeholder animations created by using jQuery.
List of Features
An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.
There are 11 different examples of search effects that you will find it inspirational.
Bootstrap Modal and Popover examples with animations by using Velocity.js
Here are animation types:
fadeIn, flipXIn, flipYIn, flipBounceXIn, flipBounceYIn, swoopIn, whirlIn, shrinkIn, expandIn, bounceIn, bounceUpIn, bounceDownIn, bounceLeftIn, bounceRightIn, slideUpIn, slideDownIn, slideLeftIn, slideRightIn, slideUpBigIn, slideDownBigIn, slideLeftBigIn, slideRightBigIn, perspectiveUpIn, perspectiveDownIn, perspectiveLeftIn, perspectiveRightIn, shake, tada, swing, bounce, flash, pulse
It has different easing functions and tries to use CSS-Transitions to animate elements.
A tutorial about creating set of inspirational letter animations for display typography effects and large headlines powered by anime.js
Line Maker is a plugin for creating and animating decorative lines on websites. This plugin shows easy way for adding all kinds of lines with different thicknesses and colors, in vertical or horizontal direction, and animate them.
Choreographer.js is a simple library to take care of complicated animations.
An experimental letter animation made with SVG and anime.js based on the Dribbble shot "Shading Letters in Illustrator".