Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.
Pushing the site content aside to reveal a navigation has certainly become a trend for mobile navigations. The approach reflects some practices in app design where "views" are shown with animations. Here are small set of effects that take the page and move it in 3D to reveal a navigation.
SidebarJS is a jQuery plugin for sidebar.
A tutorial about Creating Animated CSS3 Perspective Menu with jQuery. It's sidebar menu that when clicked would shift the perspective of the current window and slant it in a way that revealed the menu options.
It can be used as horizontal or vertical.
Learn to create a slider timeline menu with CSS3 animations and jQuery. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.
Fly Side Menu is a script that will recreate the impressive animation you see on Airbnb's new iOS7 app using jQuery and CSS3. Also it has some additional options and it tested on modern browsers such as Chrome, Firefox, and Safari.
jQuery ReSmenu is a simple and lightweight jQuery plugin that collapse
ul menus into selects on responsive layouts.
visualNav is a jQuery plugin that modifies a navigation menu to highlight / change when the menu's target smooth scrolls into view.
stickUp is a simple jQuery plugin that allows you to designate an element or navigation menu which will stick to the top of the page once scrolled past, and will return to place when scrolled past the other way.
bigSlide is a tiny jQuery plugin for creating off-screen slide panel navigation.
It will slide the navigation panel as well as any containers given the
.push class (or a class of your choosing in the settings).
FerroMenu is a free jQuery plugin that allows you to create animatable, responsive, user and mobile friendly bubble menus in a cool way and drag them through the screen.
With sevaral options you can customize the behaviuor of FerroMenu. It can be dragged around the screen, or you can set the transition time, delay and easing.
Jump To is a jQuery plugin that let you create a smooth jump to sub navigational menu in one JS call. The menu can be used to assist your navigation for pages with a lot of content.
SlickNav is a responsive mobile menu plugin for jQuery.
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.