Tooltip to Gallery Transition
by Manoela Ilic
A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.
Playground
The Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
Inline Layout Switch Ideas
by Manoela Ilic
Two ideas for animating images from an inline layout to a column or grid-based one.
Unreveal Effects for Content Previews
by Manoela Ilic
Some explorations of page transitions using covering elements and CSS clip-paths.
Smooth Panel Scroll Effects
by Manoela Ilic
An exploration of smooth panel scroll effects based on Margot Priolet’s website.
On-Scroll Animation and View Switch
by Manoela Ilic
A layout with some scroll animations and a view switch where the content item images animate to a grid.
Menu to Grid Layout Animation
by Manoela Ilic
A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid.
3D Perspective Glitch Hover Effect
by Manoela Ilic
A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy’s website.
Custom SVG Cursors with an Interactive Emitter Effect
Several interactive cursor effects made with JavaScript and SVG.
Fullscreen Scrolling Slideshow
by Manoela Ilic
A fullscreen scroll-based slideshow with a content view powered by GreenSock’s Observer plugin.
Large Image to Content Page Transition
by Manoela Ilic
A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.
Tiny Grid Layout Animation
by Manoela Ilic
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
Make Way Grid Effect
by Manoela Ilic
A little grid interaction effect where adjoining items make way to a selected one that expands.
Scroll Animation Ideas for Image Grids
by Manoela Ilic
Some ideas for animations on images in a grid when scrolling a page.
Image To Grid Transition
by Manoela Ilic
A simple transition where a large image animates to its place in a grid.
Stack to Content Layout Transition
by Manoela Ilic
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
Image Trail Animation for an Intro
by Manoela Ilic
An intro animation concept with an initial loader and an intro screen that animates to a new layout using various effects.
On-Scroll Text Repetition Animation
by Manoela Ilic
An on-scroll animation that shows repeated fragments of a big text as seen on the website of Dr. Dabber.
Lines to Content Layout Animation
by Manoela Ilic
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
