Triple Panel Reveal Slideshow
by Manoela Ilic
A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
+ 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 fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
+ moreby Manoela Ilic
A simple fullscreen image reveal effect where thumbnails slide out of the viewport to reveal a larger image.
+ moreby Manoela Ilic
A recreation of the collapsing logo effect seen on PracticalVR. The idea is to have an initial view that animates to a logo in the top left corner of the page.
+ moreby Manoela Ilic
A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.
+ moreby Manoela Ilic
We’re exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it.
+ moreby Luis Manuel
A little library that can be used for bursting particles effects. The idea is to disintegrate an element into particles and make it disappear (or vice versa).
+ moreby Manoela Ilic
Visual feedback for password strength on an image based on Colibro’s sign up form.
+ more
A little library that can be used for creating WebGL powered distortion hover effects using displacement images.
+ moreby Manoela Ilic
A CSS Grid powered menu with a box look inspired by the effect seen in the “Ableton Live 10: What’s New”
video.
by Manoela Ilic
A simple slideshow that uses the CSS Glitch Effect for the slide transitions.
+ more
An exploration of modern, line-style sound visualization powered by p5.js and its p5.sound library.
+ moreby Manoela Ilic
A switching title effect where a fixed text element changes with an animation depending on the scroll position.
+ moreby Manoela Ilic
A reveal effect where animated slices cover and uncover an image. Inspired by Zhenya Rynzhuk’s transitions experiments.
+ moreby Manoela Ilic
An implementation of Gil Huybrecht’s “Outdoors” design project powered by layered CSS grids.
+ moreby Manoela Ilic
An organic SVG shape layer animation based on Diana Hlevnjak’s work “Gradient Topography”. Powered by anime.js.
+ moreby Manoela Ilic
Some decorative shape and letter animations based on the Dribbble shot “Us By Night” by Animography.
+ moreby Jack Rugile
An inspirational set of demos that explores particle animations in 3D space with three.js. This type of animations could be very suitable for page loaders.
+ more
A creative strokes animation of a bike illustration powered by SVG and GSAP.
+ more