Inline Menu Layout with Gallery Panel
By Mary Lou on
An inline menu layout with a playful hover animation and a gallery content preview panel.
By Mary Lou on
An inline menu layout with a playful hover animation and a gallery content preview panel.
By Mary Lou on
A layout with a menu and background image grid that animates to an inner content page.
By Mary Lou on
A couple of ideas for creative menu hover animations with images.
By Mary Lou on
A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.
By Mary Lou on
A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items.
By Mary Lou on
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
By Mary Lou on
A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot.
By Arno Di Nunzio on
Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
By Chang Liu on
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu's new portfolio.
By Mary Lou on
A draggable inline menu with a scattered thumbnail preview of an image grid.
By Liam Egan on
A tutorial on how to create a visually distinct and accessible WebGL menu that builds from any given HTML navigation.
By Mary Lou on
A template where one can switch between little image previews that are scattered around the page. The images animate to a grid once an "explore" link is clicked.
By Mary Lou on
A simple grid-powered multibox menu where the boxes get shown with a reveal animation coming from different directions.
By Mary Lou on
A details menu with boxes that slide out in an irregular grid. The grid items get revealed individually with delays from the top right corner of the page.
By Mary Lou on
A CSS Grid powered menu with a box look inspired by the effect seen in the "Ableton Live 10: What's New" video.
By Yoichi Kobayashi on
Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.
By Mary Lou on
Some menu link hover effects for your inspiration. Powered by CSS and JavaScript for individual letter animations.
By Mary Lou on
An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.