Stack to Content Layout Transition
by Mary Lou
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
+ more#page-transition
Image Trail Animation for an Intro
by Mary Lou
An intro animation concept with an initial loader and an intro screen that animates to a new layout using various effects.
+ more
Lines to Content Layout Animation
by Mary Lou
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
+ more
Expanding Rounded Menu Animation
by Mary Lou
An expanding menu animation with a cover unreveal effect in the background.
+ more
Alternate Column Scroll Animation
by Mary Lou
A grid layout with columns that scroll in opposite directions and a content preview animation.
+ more
Grid Zoom Layout
by Mary Lou
A simple image grid layout where a small grid image zooms to become larger while a content view opens.
+ more
SVG Overlay and Infinite Menu Background Animation
by Mary Lou
A little menu effect with an SVG overlay and an infinite background CSS animation.
+ more
Kinetic Typography Page Transition
by Mary Lou
A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level.
+ more
Menu and Thumbnail Stack Animation
by Mary Lou
An animation on an image stack for a menu where the images get rearranged from a column into a row.
+ more
Layout with Reveal Animations and Content Preview
by Mary Lou
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
+ more
Inline to Menu Link Animation
by Mary Lou
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
+ more
Magnetic 3D Grid Interaction with Content Preview
by Mary Lou
A grid layout with a magnetic 3D interaction effect and a content preview animation.
+ more
Preview to Full Content Page Transition
by Mary Lou
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
+ more
Distributed Letters Animation Layout
by Mary Lou
A distributed letters animation in the context of a triple panel layout with hover effect.
+ more
Circular SVG Text Animation
by Mary Lou
Exploring some experimental circular SVG text effects for an intro animation.
+ more
Building a Svelte Static Website with Smooth Page Transitions
A video tutorial that will show you how to build a static website with Svelte and add smooth page transitions using Three.js and GSAP.
+ more
Inline Menu Layout with Gallery Panel
by Mary Lou
An inline menu layout with a playful hover animation and a gallery content preview panel.
+ more
WebGL Video Transitions with Curtains.js
Some experimental video transitions using Curtains.js and shaders.
+ more