Image Dragging Effects
by Manoela Ilic
A set of playful dragging effects for images using various techniques.
+ 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 set of playful dragging effects for images using various techniques.
+ moreby Yuri Artiukh
Discover the basic concept behind an unrolling image effect using WebGL.
+ moreby Yuri Artiukh
A set of interesting looking image transitions including distortion and warp effects made with WebGL.
+ more
A set of WebGL demos using OGL that show an interactive fluid distortion hover effect.
+ more
A configurator for creating unique fullscreen image animations with WebGL distortion effects powered by Three.js.
+ moreby Manoela Ilic
A set of brutalist effects for mouse-following image trails that show a random series of images.
+ moreby Manoela Ilic
A small set of ideas on animating images and other elements while smooth scrolling a page.
+ moreby Manoela Ilic
A draggable inline menu with a scattered thumbnail preview of an image grid.
+ moreby Manoela Ilic
A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.
+ moreby Manoela Ilic
An experimental web layout where several image columns get animated out when a menu item is clicked.
+ moreby Manoela Ilic
An experimental slideshow with an inclined look, three slide previews and a content view on click.
+ moreby Yuri Artiukh
A set of WebGL demos that show an exploding 3D object animation inspired by “Kubrick Life Website: 3D Motion”.
+ moreby Manoela Ilic
Three distortion effects powered by SVG filters that are applied to an image when hovering a link.
+ moreby Manoela Ilic
A text trail effect for a slideshow inspired by the “Abstract is hiring” Dribbble shot.
+ moreby Manoela Ilic
Some experiments with the new staggering system of Anime.js where we try different effects for hiding and showing thumbnails in an image grid.
+ moreby Manoela Ilic
Some text distortion experiments using the Blotter.js library. The idea is to distort text as we scroll or move the mouse.
+ moreby Manoela Ilic
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
+ more
A set of five demos with animated WebGL lines created with the THREE.MeshLine library. Find out how to animate and build these lines to create your own animations.
+ more