Sliced Dual Image Layout
In Playground by Manoela Ilic
Some layouts with sliced background images, slideshow functionality and glitch effect.
menu
Inspiration for Menu Hover Effects
In Playground by Manoela Ilic
Some menu link hover effects for your inspiration. Powered by CSS and JavaScript for individual letter animations.
Expanding Bar Navigation Concept
In Playground by Manoela Ilic
An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.
Block Reveal Effects
In Playground 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 decrease its size, it uncovers some content underneath.
Inspiration for Line Menu Styles
In Playground 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!
Multi-Level Menu
In Blueprints by Manoela Ilic
A simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.
Animating an SVG Menu Icon with Segment
In Tutorials by Luis Goncalves
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 SVG paths.
Page Stack Navigation
In Blueprints by Manoela Ilic
A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.
Motion Blur Effect with SVG
In Tutorials by Lucas Bebber
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
Creative Gooey Effects
In Playground 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.
Elastic SVG Elements
In Playground by Manoela Ilic
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.
Off-Canvas Menu Effects
In Playground by Manoela Ilic
Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.
Fullscreen Overlay Effects
In Playground 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 overlays.
Perspective Page View Navigation
In Playground 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 mobile app design and we wanted to explore some more effects.
Animated Border Menus
In Tutorials 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.
Transitions for Off-Canvas Navigations
In Playground by Manoela Ilic
Some inspiration for transition effects for off-canvas navigations.
Multi-Level Push Menu
In Playground by Manoela Ilic
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
Google Nexus Website Menu
In Tutorials 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.
