Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what's inside.
A tutorial about creating some WebGL experiments where the viewer seemingly travels through a textured tunnel powered by Three.js
Ember Burger Menu is an off-canvas sidebar component with a collection of animations and styles using CSS transitions.
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