Multi-Layout Slideshow
By Mary Lou on
A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.
By Mary Lou on
A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.
By Mary Lou on
A landing page template with a featured content section and background sounds that change according to the view.
By Mary Lou on
An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.
By Mary Lou on
A tutorial on how to create multi-layer page reveal effects with a couple of ideas for inspiration.
By Lucas Bebber on
A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.
By Karim Maaloul on
A tutorial that explores the basics of creating animated 3D scenes using Three.js.
By David Khourshid on
Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals.
By Josh Ellis on
A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.
By Claudio Calautti on
A tutorial on how to create a loading spinner made with inscribed polygons and animated with Rebound spring motion.
By Luis Manuel on
An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.
By Mary Lou on
Various icon animations made with mo.js, a powerful motion graphics library by Oleg Solomka. Inspiration comes from the Dribbble shot "Like Animation" by Daryl Ginn.
By Mary Lou on
A tutorial on how to create a Shazam-like button that morphs into a music player using Snap.svg.
By Luis Manuel on
A tutorial on how to implement an animated menu icon based on the Dribbble shot by Tamas Kojo using SVG and Segment, a JavaScript library for drawing and animating S
By Mary Lou on
An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces".
By Mary Lou on
Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.
By Lucas Bebber on
An elastic SVG progress loader based on the Dribbble shot "Download" by xjw and implemented with SVG and TweenMax.
By Pedro Botelho on
A tutorial on how to create a video opening animation inspired by the effect seen on momentsapp.com.
By Claudio Calautti on
A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.