On-Scroll Letter Animations
by Manoela Ilic
A small set of examples showing how letters can be animated on scroll.
+ moreThe Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
by Manoela Ilic
A small set of examples showing how letters can be animated on scroll.
+ moreby Manoela Ilic
Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.
+ moreby Manoela Ilic
Two simple intro animations where an image stack moves to become a grid.
+ moreby Manoela Ilic
An inline menu layout with a playful hover animation and a gallery content preview panel.
+ moreby Manoela Ilic
Some ideas for scroll animations for image grids powered by Locomotive Scroll.
+ moreby Yuri Artiukh
Some experimental video transitions using Curtains.js and shaders.
+ moreby Manoela Ilic
A layout with a menu and background image grid that animates to an inner content page.
+ moreby Manoela Ilic
A simple slideshow with tilted thumbnails and large titles that animate when navigating.
+ moreby Yuri Artiukh
Some experimental animations using triangles for image transitions with WebGL.
+ moreby Manoela Ilic
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
+ moreby Manoela Ilic
A small set of magnetic buttons with some fun hover animations.
+ moreby Manoela Ilic
A couple of ideas for creative menu hover animations with images.
+ moreby Manoela Ilic
An experimental grid slideshow with a stack-like navigation and glitch effect.
+ moreby Manoela Ilic
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
+ moreby Manoela Ilic
A rapid animation of multiple layers of images for intros or page transitions.
+ moreby Manoela Ilic
A simple CSS-only marquee effect for a menu based on Francesco Zagami’s Dribbble shot.
+ moreby Manoela Ilic
Some ideas for interactive custom cursor animations using SVG filters.
+ moreby Manoela Ilic
Some examples of how to use decorative distortion effects on big typography menu links.
+ more