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.
AOS is a small library that allows you to animate elements as you scroll down, and up.
If you scroll back to top, element will animate to it's previous state and is ready to animate again if you scroll down.
A library of animated transition effects, powered by CSS Animations and jQuery.
animateClick is a jQuery plugin that allows you to create animations on mouse click. animateClick comes with 5 animations to enhance your button clicks or clicks on any element in your webpage.
A tutorial about creating various icon animations made with mo.js, a powerful motion graphics library.
mo.js is a powerful motion graphics library for the web.
Features:
A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website.
Material Scroll Animation is an animation concept for scroll animation in material design.
Slider Animation is a content slider with Material Design inspired animations and hover effects by using CSS and jQuery.