menu

Animated Grid Previews

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.

Multibox Menu

By Mary Lou on

A simple grid-powered multibox menu where the boxes get shown with a reveal animation coming from different directions.

Slide Out Box Menu

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.

Expanding Grid Menu

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.

Multi-Level Menu

By Mary Lou on

A simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.

Page Stack Navigation

By Mary Lou on

A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.

Creative Gooey Effects

By Lucas Bebber on

A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.

Perspective Page View Navigation

By Mary Lou on

Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mob

Animated Border Menus

By Mary Lou on

A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.