Block Reveal Effects
by Manoela Ilic
Ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decr
+ more#menu
Inspiration for Line Menu Styles
by Manoela Ilic
Some ideas for menu styles and effects that employ the line as a creative design element. This is an open collection; contributions are welcome!
+ more
Multi-Level Menu
by Manoela Ilic
A simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.
+ more
Animating an SVG Menu Icon with Segment
by Luis Manuel
A tutorial on how to implement an animated menu icon based on the Dribbble shot by Tamas Kojo using SVG and Segment, a JavaScript library for drawing and animating S
+ more
Page Stack Navigation
by Manoela Ilic
A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.
+ more
Motion Blur Effect with SVG
by Lucas Bebber
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
+ more
Creative Gooey Effects
by Lucas Bebber
A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.
+ more
Elastic SVG Elements
by Manoela Ilic
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.
+ more
Off-Canvas Menu Effects
by Manoela Ilic
Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.
+ more
Fullscreen Overlay Effects
by Manoela Ilic
Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen
+ more
Perspective Page View Navigation
by Manoela Ilic
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
+ more
Animated Border Menus
by Manoela Ilic
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.
+ more
Transitions for Off-Canvas Navigations
by Manoela Ilic
Some inspiration for transition effects for off-canvas navigations.
+ more
Multi-Level Push Menu
by Manoela Ilic
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
+ more
Google Nexus Website Menu
by Manoela Ilic
A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.
+ more
Tooltip Menu
by Manoela Ilic
A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space.
+ more
Horizontal Slide Out Menu
by Manoela Ilic
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.
+ more
Responsive Retina-Ready Menu
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes.
+ more