Multi-Layout Slideshow
By Mary Lou on
A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.
animation
Above & Beneath: Featured Content Layout Effect
By Mary Lou on
A landing page template with a featured content section and background sounds that change according to the view.
Item Reveal Animations with SVG
By Mary Lou on
An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.
Multi-Layer Page Reveal Effects
By Mary Lou on
A tutorial on how to create multi-layer page reveal effects with a couple of ideas for inspiration.
Animated Heat Distortion Effects with WebGL
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.
The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js
By Karim Maaloul on
A tutorial that explores the basics of creating animated 3D scenes using Three.js.
Animated Animals in CSS and SVG
By David Khourshid on
Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals.
How to Create an Interactive Animated SVG Drum Kit
By Josh Ellis on
A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.
Spring Loaders with Rebound and Canvas
By Claudio Calautti on
A tutorial on how to create a loading spinner made with inscribed polygons and animated with Rebound spring motion.
Creative SVG Letter Animations
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.
Icon Animations Powered by mo.js
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.
Shazam-Like Morphing Button Effect
By Mary Lou on
A tutorial on how to create a Shazam-like button that morphs into a music player using Snap.svg.
Animating an SVG Menu Icon with Segment
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
Interactive Room Display
By Mary Lou on
An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces".
Effect Ideas for Card Stacks
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.
Elastic Progress
By Lucas Bebber on
An elastic SVG progress loader based on the Dribbble shot "Download" by xjw and implemented with SVG and TweenMax.
How to Create a Fullscreen Video Opening Animation
By Pedro Botelho on
A tutorial on how to create a video opening animation inspired by the effect seen on momentsapp.com.
Card Expansion Effect with SVG clipPath
By Claudio Calautti on
A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.