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
Zooming is a javascript library to create image zoom that makes sense.
AsciiMorph is a small stand alone javascript library for rendering ascii art and creations into elements, allowing for them to be changed out with a morphing transition.
KUTE.js is a minimal native Javascript animation engine with jQuery plugin and with most essential features for web developers, designers and animators, delivering easy to use methods to set up high performance, cross-browser animations. The focus is flexibility, performance and size.
Some ideas for hover animations with a fancy tilt effect by using CSS and javascript.
Force.js is a javascript library to animate elements and jump around on your page easily.
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".
Granim.js is a lightweight javascript library to create fluid and interactive gradients animations.
A tutorial about creating animated Olympic Rings by using javascript and CSS.
Multi-Layout Slideshow is a simple decorative slideshow component with individual slide layouts and effects powered by anime.js
Triggers classes on html elements based on the scroll position. It makes use of requestAnimationFrame so it doesn't jack the users scroll, that way the user / browser keeps their original scroll behaviour.
Anime is a flexible yet lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.
