jQuery Plugins

jQuery Menus Plugins

Hiraku.js : jQuery Offcanvas Menu Plugin

Looper js

We made jQuery plugin called hiraku.js so that more people can use Offcanvas-menu functionality which is used in a CMS we make.

  • Not affected by the DOM structure.
  • Enable to open both right and left side menu.
  • Main canvas is not scrolled, while scrolling Offcanvas-menu.
  • Easy to control the movement
  • Accessible for keyboard navigation and screen readers.

Read More       Demo

Ember Burger Menu

Looper js

An off-canvas sidebar component with a collection of animations and styles using CSS transitions.

  • Easy to use & setup off-canvas menu
  • Mix and match from many menu & menu item animations
  • Swipe gesture support with changeable thresholds
  • Easily create your own animations

Read More       Demo

Ember Burger Menu : Off-canvas Sidebar

Looper js

An off-canvas sidebar component with a collection of animations and styles using CSS transitions.

  • Easy to use & setup off-canvas menu
  • Mix and match from many menu & menu item animations
  • Control your menu from anywhere in your app
  • Swipe gesture support with changeable thresholds
  • Easily create your own animations

Read More       Demo

Sweet and versatile Dropdowns using jQuery

Looper js

Sweet and versatile dropdowns using jQuery.Create dropdowns in any direction with any kind of content.

Read More       Demo

Attractive fully Responsive Menu using CSS3

Looper js

A fully responsive navigation using css3 and jQuery which is very attractive with animated effects. In this header, you can see clean navigation items with search and in mobile/tablet you can see attractive toggle menu with animated open/close effects.

Read More       Demo

fs-pushmenu : jQuery Multi-level Push Menu

Looper js

fs-pushmenu is multi-level push menu from scratch with SASS and jQuery.

Read More       Demo

Progress Nav : CSS Animate Mark on Scroll

Looper js

Progress Nav page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen.

Progress Nav page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen.

Read More       Demo

basicContext : Easy-to-use jQuery Context Menu

Looper js

BasicContext is a easy-to-use context-menu for your website or web-app.

BasicContext is a easy-to-use context-menu for your website or web-app.

Features:

  • Works in all modern browsers
  • Written in Vanilla JS
  • CommonJS and AMD support
  • Layout and theme are separated CSS-files. This makes it easy to style our own context.
  • Stays within the viewport and never opens outside the visible screen-area
  • Scrollable, when the height of the context-menu is bigger than the height of the browser

Read More       Demo

Mdstrap : jQuery Side Menu Plugin

Looper js

jQuery mdStrap plugin creates a side menu for smartphones or other handheld devices. It???s built based on Twitter Bootstrap???s framework version 4 (currently alpha 2).

jQuery mdStrap plugin creates a side menu for smartphones or other handheld devices. It???s built based on Twitter Bootstrap???s framework version 4 (currently alpha 2).

Read More       Demo

jQuery Responsive Overlay Menu

Looper js

Framework for making responsive cross-browser overlay menus.

Framework for making responsive cross-browser overlay menus.

Features:

  • works in all browsers
  • works on all device
  • tiny, < 600bytes
  • responsive
  • super fast
  • uses jquery animations
  • framework not a template
  • easy to use

Read More       Demo

Stripe.com Navigation in CSS & jQuery

Looper js

A morphing dropdown that animates according to the size of its content.A few weeks ago stripe.com launched a new website design. It looks awesome. One thing we dig in particular is the morphing navigation dropdown: instead of hiding and showing a new dropdown ???container??? when the user switches from one navigation item to the other, they animate the dropdown background to make space for different content sizes.

A morphing dropdown that animates according to the size of its content.A few weeks ago stripe.com launched a new website design. It looks awesome. One thing we dig in particular is the morphing navigation dropdown: instead of hiding and showing a new dropdown ???container??? when the user switches from one navigation item to the other, they animate the dropdown background to make space for different content sizes.

Read More       Demo

Dynamic Drop Down Menu Using jQuery, Ajax, PHP And MySQL

Looper js

In this tutorial we will show you how to create dynamic drop down menu using jQuery, Ajax, PHP and MySQL.You had seen dynamic drop down menu in many online shopping website where you just hover on menu and a big submenu with images will open that???s what we were going to create in this tutorial

In this tutorial we will show you how to create dynamic drop down menu using jQuery, Ajax, PHP and MySQL.You had seen dynamic drop down menu in many online shopping website where you just hover on menu and a big submenu with images will open that???s what we were going to create in this tutorial

Read More       Demo

okayNav : jQuery Responsive Navigation Plugin

Looper js

You know how navigations have only a desktop and a mobile state, right? I thought, ???this might cost people money because it requires additional click for users to reach even the most important pages.???

You know how navigations have only a desktop and a mobile state, right? I thought, ???this might cost people money because it requires additional click for users to reach even the most important pages.???

This navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time.

Read More       Demo

Customizable Responsive Menu

Looper js

Here is a tool where user can select a different web & mobile menu and generate a responsive menu.All you have to do is select the navigation type and generate the HTML code to be downloaded in simple easy steps. This does not stop here; this website also allows you to choose different menu styles for desktop and mobile devices to generate the HTML code for responsive menu.

Here is a tool where user can select a different web & mobile menu and generate a responsive menu.All you have to do is select the navigation type and generate the HTML code to be downloaded in simple easy steps. This does not stop here; this website also allows you to choose different menu styles for desktop and mobile devices to generate the HTML code for responsive menu.

Read More       Demo

Gumshoe : A simple, framework-agnostic Scrollspy Script

Looper js

A simple, framework-agnostic scrollspy script. Gumshoe works great with Smooth Scroll.

A simple, framework-agnostic scrollspy script. Gumshoe works great with Smooth Scroll.

Read More       Demo

jQuery Squeezing Header Plugin

Looper js

A jQuery plugin for squeezing your header on scroll down.

A jQuery plugin for squeezing your header on scroll down.

Read More       Demo

Above & Beneath: Featured Content Layout Effect with CSS

Looper js

Today we???d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a grid/menu icon is clicked, the view slides down (below the water) and some featured content or menu items get shown. The transitions are accompanied by some fitting background sounds.

Today we???d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a grid/menu icon is clicked, the view slides down (below the water) and some featured content or menu items get shown. The transitions are accompanied by some fitting background sounds.

Read More       Demo

jQuery floating Menu Plugin

Looper js

This plugin requires jQuery! floatingMenu is a global-dynamic plugin which means you dont have to worry about dynamically added/created elements. For performance reasons the plugin clears its own initiation events when not visible.

This plugin requires jQuery! floatingMenu is a global-dynamic plugin which means you dont have to worry about dynamically added/created elements. For performance reasons the plugin clears its own initiation events when not visible.

Read More       Demo

booNavigation : jQuery Mega Menu plugin

Looper js

booNavigation is a smooth and dynamic jQuery navigation plugin with a three column drop down.

booNavigation is a smooth and dynamic jQuery navigation plugin with a three column drop down.

Read More       Demo

contextMenuRtl : jQuery Context Menu

Looper js

The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects.jQuery-contextMenuRtl is rtl support for jQuery-contextMenu.

The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects.jQuery-contextMenuRtl is rtl support for jQuery-contextMenu.

Read More       Demo

Dice Menu : jQuery Floating Menu Plugin

Looper js

Dice menu is a jQuery fixed location floating menu (expandable).

Dice menu is a jQuery fixed location floating menu (expandable).

Read More       Demo

Auto-Hiding Navigation with CSS & jQuery

Looper js

A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up.

A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up.

Read More       Demo

Hotmenu : jQuery Responsive Full Screen Menu

Looper js

Hotmenu is a responsive, full-screen jQuery menu.

Hotmenu is a responsive, full-screen jQuery menu.

Read More       Demo

Add to Cart Interaction with CSS & jQuery

Looper js

A floating cart that slides in when the user decides to buy an item.

A floating cart that slides in when the user decides to buy an item.

We???re used to different patterns when it comes to the ???add to cart??? process. The basic idea behind this pattern is to notify the user that an item has been added to the cart, and provide her/him with a link to proceed to the checkout.

Read More       Demo

CSS Vertical Navigation with Teaser

Looper js

This article explains how to create vertical navigation menus without jquery or javascript. Yes, we are going to build vertical menus with CSS only. The navigation menu of a website plays a significant role in website???s usability and User Experience. Without menu navigation site is like content all but useless.

This article explains how to create vertical navigation menus without jquery or javascript. Yes, we are going to build vertical menus with CSS only. The navigation menu of a website plays a significant role in website???s usability and User Experience. Without menu navigation site is like content all but useless.

Read More       Demo

Bootsnav : Bootstrap Menu Multi Purpose Header

Looper js

Bootsnav is a multi purpose header based with Bootstrap, you can build any header style with bootsnav only with a few minutes.

Bootsnav is a multi purpose header based with Bootstrap, you can build any header style with bootsnav only with a few minutes.

Read More       Demo

Hoverify Bootnav : jQuery Animated Menu Effects

Looper js

jQuery hoverfiyBootnav is a simple bootstrap addon to add a nice effect on nav???s hover.

jQuery hoverfiyBootnav is a simple bootstrap addon to add a nice effect on nav???s hover.

Read More       Demo

Ax5ui : jQuery based Bootstrap UI Plugins

Looper js

???ax5core??? is a collection of utility functions that have been designed for use in ax5ui. It was designed to the utility to act as a minimum code. So it can be considered to be simple compared to other utilities.

???ax5core??? is a collection of utility functions that have been designed for use in ax5ui. It was designed to the utility to act as a minimum code. So it can be considered to be simple compared to other utilities.

Read More       Demo

jQuery ContextMenu Common

Looper js

jQuery plugin to add common checkable menu items `checkbox` and `radio` and more features to jQuery.contextMenu.

jQuery plugin to add common checkable menu items `checkbox` and `radio` and more features to jQuery.contextMenu.

Read More       Demo

LazeeMenu : jQuery Multi-level Sidebar Menu

Looper js

LazeeMenu is a JQuery plugin that turns a nested unordered list of links into a vertical multi-level navigation menu. It is visually inspired by the menu on Github???s reference pages, but with support for an additional level. It support both links and standard text in the expandable menu items.

LazeeMenu is a JQuery plugin that turns a nested unordered list of links into a vertical multi-level navigation menu. It is visually inspired by the menu on Github???s reference pages, but with support for an additional level. It support both links and standard text in the expandable menu items.

Read More       Demo

Auto Inherit Bootstrap Theme Vertical Sidebar

Looper js

It is a ready to use component in any bootstrap website. It consists of a vertical navigation menu based on css3 and jQuery.

It is a ready to use component in any bootstrap website. It consists of a vertical navigation menu based on css3 and jQuery.

Features:

  • Fully Resposive on all screens; Desktop, Tablet, Mobile
  • Same Code for all devices and platforms
  • Multiple Level Dropdown Menu (Unlimited)
  • Glyphicons ??? Bootstrap version 3.3.5
  • Inherit any theme look
  • Collapsible Mobile Menu

Read More       Demo

SlideMenu : jQuery Responsive Sliding Menu

Looper js

SlideMenu is a solution for creation responsive slide navigations. It supports show and hide CSS3 animations, unlimited slides, custom themes and multiple instances. The plugin can be deployed easily. It runs on all modern browsers and mobile devices. You can customize the plugin by adding CSS or LESS code to the themes and also changing settings.

SlideMenu is a solution for creation responsive slide navigations. It supports show and hide CSS3 animations, unlimited slides, custom themes and multiple instances. The plugin can be deployed easily. It runs on all modern browsers and mobile devices. You can customize the plugin by adding CSS or LESS code to the themes and also changing settings.

  • Unlimited Number of Slides ??? you can use unlimited numbers of submenus
  • CSS3 Animations ??? over 60+ CSS3 animations are available to give some stunning effects to the menu
  • 5 Predefined Themes ??? included 5 skins, you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
  • Build with LESS ??? LESS and CSS files included

Read More       Demo

Slyder : jQuery Slider Navigation for FAQ

Looper js

A responsive slider navigation jQuery plugin for FAQ type module.

A responsive slider navigation jQuery plugin for FAQ type module.

Read More       Demo

FooterMenu : jQuery Nice Toggle Footer Menu

Looper js

Simple and easy jQuery plugin. Nice slide up toggle footer menu when scroll down.

Simple and easy jQuery plugin. Nice slide up toggle footer menu when scroll down.

Read More       Demo

Drilldown : jQuery Animated Drilldown Menus

Looper js

A simple jQuery plugin for creating animated drilldown menus.

A simple jQuery plugin for creating animated drilldown menus.

Features:

  • Multiple menus on a single page
  • Pretty flexible, doesn???t enforce specific tags
  • Lightweight: 2 KB when minified (even less after gzip)

Read More       Demo

jQuery Offset Scroller

Looper js

A jQuery plugin to enable smooth scrolling to a page anchor/id with a configurable offset.

A jQuery plugin to enable smooth scrolling to a page anchor/id with a configurable offset.

Read More       Demo

CSS Mobile Header Animations

Looper js

I have created this resource to highlight some navigation animations. By explaining the first example I hope you will understand the rest animations. The main thing that will differ is the navigation animation.

I have created this resource to highlight some navigation animations. By explaining the first example I hope you will understand the rest animations. The main thing that will differ is the navigation animation.

Read More       Demo

jQuery contextMenu plugin & Polyfill

Looper js

The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects. Unlike implementations as a beautiful site???s or trendskitchens??? this contextMenu treats the menu as the primary object. That means, that a single menu is defined that can be used by multiple objects. Unlike the mentioned plugins, contextMenu doesn???t need to bind itself to triggering objects. This allows injecting and removing triggers without having to re-initialize or update contextMenu.

The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects. Unlike implementations as a beautiful site???s or trendskitchens??? this contextMenu treats the menu as the primary object. That means, that a single menu is defined that can be used by multiple objects. Unlike the mentioned plugins, contextMenu doesn???t need to bind itself to triggering objects. This allows injecting and removing triggers without having to re-initialize or update contextMenu.

Read More       Demo

cbFlyout : jQuery Responsive Navigation Plugin

Looper js

cbFlyout is a responsive navigation jQuery plugin for developers to help them in their projects handling.

cbFlyout is a responsive navigation jQuery plugin for developers to help them in their projects handling.

Read More       Demo

TOC : jQuery Table of Contents Plugin

Looper js

TOC is a jQuery plugin that will automatically generate a table of contents for your page. You can see an example of it on the left side of the page.

TOC is a jQuery plugin that will automatically generate a table of contents for your page. You can see an example of it on the left side of the page.

Features:

  • Completely customizable
  • Click to smooth scroll to that spot on the page
  • Automatically highlight the current section
  • Extremely lightweight (744 bytes gzipped)
  • Can have multiple on a page

Read More       Demo

Megamenu.js : jQuery Responsive MegaMenu

Looper js

Last responsive megamenu you???ll ever need.

Last responsive megamenu you???ll ever need.

Features:

  • Cross-browser copatibility
  • No classes! (for dropdowns or lists)
  • Smart ??? knows when to show megamenu, and when to show a normal dropdown
  • 100% responsive, works on all devices
  • Seamless wordpress integration
  • Super fast
  • Uses jquery animations (IE8 copatible)
  • Easy to use
  • Written in LESS (easy to abuse)

Read More       Demo

Section Scroll : jQuery Scrollable Section Navigation

Looper js

Section Scroll is a lightweight jQuery plugin for automatically generating a side bullet navigation on your one page scrolling website. Click on the navigation to scroll smoothly through different sections, automatically selects the correct navigation items.

Section Scroll is a lightweight jQuery plugin for automatically generating a side bullet navigation on your one page scrolling website. Click on the navigation to scroll smoothly through different sections, automatically selects the correct navigation items.

Read More       Demo

Sticklr PHP : Easy Sticky Side Panel Builder

Looper js

Sticklr PHP is a PHP script which provides an easy way to generate sticky side panel navigation menu in server-side from various sources of formats: PHP, JSON, or MySQL database table.

Sticklr PHP is a PHP script which provides an easy way to generate sticky side panel navigation menu in server-side from various sources of formats: PHP, JSON, or MySQL database table.

Read More       Demo

Full-Screen Menu Overlay with CSS3 & jQuery

Looper js

A full-screen menu, showcasing your brand and website navigation. Our full-screen menu is built using HTML, CSS, and JavaScript. The HTML defines the structure, the CSS is used for animation, and JavaScript triggers the animations.

A full-screen menu, showcasing your brand and website navigation. Our full-screen menu is built using HTML, CSS, and JavaScript. The HTML defines the structure, the CSS is used for animation, and JavaScript triggers the animations.

Read More       Demo

Vertical Fixed Navigation with CSS & jQuery

Looper js

A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.

A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.

Read More       Demo

Inspiration for Line Menu Styles with CSS3

Looper js

The line is an amazing design element. It???s so versatile and it allows us to use it for adding enjoyable animations or enhance points of interest. Today we???d like to share a set of ideas for using the line as a design element in horizontal menus. There are many creative possibilities, some minuscule and subtle, others bold and more extravagant. We???ve prepared a little inspirational set for you where we explore some line menu styles.

The line is an amazing design element. It???s so versatile and it allows us to use it for adding enjoyable animations or enhance points of interest. Today we???d like to share a set of ideas for using the line as a design element in horizontal menus. There are many creative possibilities, some minuscule and subtle, others bold and more extravagant. We???ve prepared a little inspirational set for you where we explore some line menu styles.

Read More       Demo

Full Screen Navigation with jQuery

Looper js

???Full Screen Navigation??? is a navigation plugin ready to use on mobile devices and desktop devices. It???s a non-conventional navigation component to provide a modern look to your website. Is very customizable, compatible with the major browsers and has a high level documentation.

???Full Screen Navigation??? is a navigation plugin ready to use on mobile devices and desktop devices. It???s a non-conventional navigation component to provide a modern look to your website. Is very customizable, compatible with the major browsers and has a high level documentation.

Read More       Demo

jQuery contextMenu plugin & polyfill

Looper js

contextMenu is a management facility for ??? you guessed it ??? context menus. It was designed for an application where there are hundreds of elements that may show a context menu ??? so intialization speed and memory usage are kept fairly small. It also allows to register context menus without providing actual markup, as $.contextMenu generates DOMElements as needed.

contextMenu is a management facility for ??? you guessed it ??? context menus. It was designed for an application where there are hundreds of elements that may show a context menu ??? so intialization speed and memory usage are kept fairly small. It also allows to register context menus without providing actual markup, as $.contextMenu generates DOMElements as needed.

Read More       Demo

Material Design Slider Animation with CSS3

Looper js

A Material Design inspired slider with effective communicating animations.Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

A Material Design inspired slider with effective communicating animations.Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

Read More       Demo

Animated Fixed Menu with CSS3 & jQuery

Looper js

Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I???m showing you how you can create a very simple fixed menu with CSS3 transition

Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I???m showing you how you can create a very simple fixed menu with CSS3 transition

Read More       Demo

Vertical Layout with Navigation

Looper js

Vertically scrolling sections of content with a slick mobile hamburger navigation.

Vertically scrolling sections of content with a slick mobile hamburger navigation.

Read More       Demo

Stretchy Navigation in CSS & jQuery

Looper js

A rounded navigation trigger that stretches on click/tap to reveal the navigation items.

A rounded navigation trigger that stretches on click/tap to reveal the navigation items.

Read More       Demo

Multi-Level Menu with CSS3 & JavaScript

Looper js

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

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

The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays are propagated through the neighbors. The animation delays follow the same logic for the incoming items of the new level of the multi-level menu. As optional elements we have a breadcrumb navigation and a back button (not shown in our demo). Deeper levels are referenced with a data attribute

Read More       Demo

Dropit : jQuery Dropdown Menu Plugin

Looper js

Dropit is a jQuery plugin for single level dropdown menu???s. Nothing fancy pants in here. Just simple and flexible dropdown???s in jQuery.

Dropit is a jQuery plugin for single level dropdown menu???s. Nothing fancy pants in here. Just simple and flexible dropdown???s in jQuery.

Read More       Demo

Animating an SVG Menu Icon with Segment

Looper js

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.

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.

Read More       Demo

Allec AJAX Off-Screen Menu

Looper js

Allec Off-Screen Ajax Menu is a perfect solution for agency and portfolio websites to enhance modern design and futuristic feel because of palette grid and off-screen positioning.

  • Pure JavaScript
  • Ajax Support
  • Palette Grid Modern Layout
  • Overlay Menu Effect
  • Mobile Optimized
  • Fast Performance
  • Light Weight Navigation
  • Custom Scrollbar
  • Smooth Animation
  • SVG Graphic
  • Retina Ready

Read More       Demo

Trunk.js : A responsive Navigation Web solution

Looper js

Trunk.js is a responsive web solution for creating better navigation and layouts. It tucks your navigation into the ???drawer??? on many devices, and while it triggers with jQuery, it moves with CSS for a much smoother effect.

Read More       Demo

jQuery Instant Responsive Menus with CSS3

Looper js

Create different type of menus on the fly without changing the HTML Structure. Just replace CSS class names in the HTML markup to make a horizontal menu or any menu to function like a one page scroll menu, vertical menu, toggle menu, slide out menu, full screen navigation, tabbed menu, dots navigation and much more.

  • One Page Smooth Scroll support
  • Customizable CSS3 animation effects (Faster than jQuery Animations)
  • Fully Responsive
  • Unlimited Color Themes
  • Light weight
  • Built with CSS3 and improved with some jQuery
  • Compatible with bootstrap

Read More       Demo

nuContextMenu : jQuery Context Menu

Looper js

A modern context menu with font awesome support for web apps. The script is extremely light weight (2.2 kB), and it treats the menu as the primary object. This means that a single menu can be attached to multiple elements.

Read More       Demo

uilang.js : UI-focused Programming Language

Looper js

uilang is a dead simple programming language for web designers. With uilang, you write your code just like plain English, straight into your HTML using a element. uilang???s logic relies on manipulating classes on HTML elements and using these classes in CSS to show, hide, animate and transform elements when a click occurs. This simple logic lets designers create most of the typical user interface behaviours: tabs, popovers, overlays, sliding menus, etc.

Read More       Demo

Fixed Responsive One Page Nav

Looper js

Responsive, fixed and touch friendly one page navigation with animated scrolling.

  • Fixed positioned, always visible navigation bar
  • Uses vanilla JavaScript, no jQuery required
  • Smooth animated scrolling
  • Removes 300ms tap delay
  • Adds a mask over the content when navigation is open
  • Auto highlights current location
  • Uses a tiny custom font for icons (only two characters included)
  • Closes the navigation when user tap???s outside of it

Read More       Demo

Page Stack Navigation with CSS3 & JavaScript

Looper js

A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.The idea is to show a navigation when clicking on the menu button and transform all pages in 3D and move them to the bottom of the viewport. The next two pages are shown in the back of the current page as a stack. When clicking on a menu item, the respective page comes up.

Read More       Demo

AnchorSpy.js : jQuery plugin to Active Menu item on Scroll

Looper js

AnchorSpy.js is a jQuery plugin to active menu item on scroll.

Read More       Demo

Project Cards Template in CSS & jQuery

Looper js

A portfolio template with expandable projects and a full-page navigation inspired by Primer app.

Read More       Demo

Mega Nav : CSS Mega Navigation Menu

Looper js

A simple mega nav menu in pure CSS. This mega nav uses top-rated CSS classes for modern features, like colors for background and to change text on hover and stuff.

Read More       Demo

SecretNav : jQuery Push Menu Plugin

Looper js

SecretNav is a small jQuery push menu plugin that slides out an off-canvas navigation from the edge of the screen while pushing the main content away with a fancy CSS3 powered 3D perspective effect.

SecretNav is a small jQuery push menu plugin that slides out an off-canvas navigation from the edge of the screen while pushing the main content away with a fancy CSS3 powered 3D perspective effect.

Demo 1 Demo 2

Read More       Demo

Tocify.js : jQuery Table of Contents

Looper js

A jQuery plugin that dynamically generates a table of contents. Tocify can be optionally styled with Twitter Bootstrap or jQueryUI Themeroller, and optionally animated with jQuery show/hide effects. Tocify also optionally provides support for smooth scrolling, scroll highlighting, scroll page extending, and forward and back button support.

A jQuery plugin that dynamically generates a table of contents. Tocify can be optionally styled with Twitter Bootstrap or jQueryUI Themeroller, and optionally animated with jQuery show/hide effects. Tocify also optionally provides support for smooth scrolling, scroll highlighting, scroll page extending, and forward and back button support.

Read More       Demo

Responsive Multi Menu with jQuery & CSS3

Looper js

The easiest way to develop site with multi level navigation and user-friendly experience it has been optimized for mobile devices using HTML5, CSS3 and jQuery.

The easiest way to develop site with multi level navigation and user-friendly experience it has been optimized for mobile devices using HTML5, CSS3 and jQuery.

Features:

  • Easy installation
  • Multi level on CSS
  • Light-weight
  • Multiple menus
  • Works in mobiles
  • Free licensed under MIT

Read More       Demo

ScrollMenu : New Interface to Replace Your Old Scrollbar

Looper js

ScrollMenu is a new interface to replace your old boring scrollbar. It gives a user sense of where they are in a page and how long is that section. With a high customizibility of this jQuery plugin you can have a unique user experience.

ScrollMenu is a new interface to replace your old boring scrollbar. It gives a user sense of where they are in a page and how long is that section. With a high customizibility of this jQuery plugin you can have a unique user experience.

Read More       Demo

GreedyNav : jQuery Responsive Navigation Menu

Looper js

A responsive navigation menu that stacks items into a dropdown menu when they overflow.

A responsive navigation menu that stacks items into a dropdown menu when they overflow.

When the user resizes the window the nav will shrink, any overflowing items will be removed from the visible list and get prepended to a list of vertically stacked items that are hidden. The user is notified of this action by a count badge next to a hamburger icon at the end of the menu, which acts as a dropdown trigger button for the hidden list.

Read More       Demo

ContextMenu.js : JavaScript & CSS3 Drop Down Menus

Looper js

ContextMenu.js is a jQuery plugin for creating highly customizable drop down menus triggerable by various mouse events. Use it to create context menus, drop down lists, navigations, and more.

ContextMenu.js is a jQuery plugin for creating highly customizable drop down menus triggerable by various mouse events. Use it to create context menus, drop down lists, navigations, and more.

  • 9 customizable options
  • 7 transition effects
  • 3 action hooks
  • 4 menu item types
  • Various trigger events
  • Dynamic event binding
  • Custom positioning
  • HIDPI ready

Read More       Demo

Responsive Sidebar Navigation with CSS & jQuery

Looper js

If you???re working on an admin panel, chances are you???ll need to design and develop a vertical menu, with plenty of sub-categories. That???s why we decided to share today???s snippet! Our Sidebar navigation can make your life easier by providing a starting, simple template for your next project.

If you???re working on an admin panel, chances are you???ll need to design and develop a vertical menu, with plenty of sub-categories. That???s why we decided to share today???s snippet! Our Sidebar navigation can make your life easier by providing a starting, simple template for your next project.

An easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas.

Read More       Demo

Web Slide : Responsive Mega Menu for Bootstrap 3+

Looper js

Create Beautiful MegaMenu navbar for your site. Using CSS3 Animation & Small Java Script It provides a modern app style navigation look in your website.

Create Beautiful MegaMenu navbar for your site. Using CSS3 Animation & Small Java Script It provides a modern app style navigation look in your website.

  • Powerfull Feature: One Code for all devices
  • Mobile friendly website menu
  • Modern app style navigation
  • Bootstrap Navbar
  • Bootstrap 3 Slide in menu navbar on mobile

Read More       Demo

Yamm : jQuery MegaMenu for Bootstrap 3

Looper js

This isYet another megamenu for Bootstrap 3 from Twitter. Lightweight and pure CSS megamenu that uses the standard navbar markup and the fluid grid system classes from Bootstrap 3. Work for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.

This isYet another megamenu for Bootstrap 3 from Twitter. Lightweight and pure CSS megamenu that uses the standard navbar markup and the fluid grid system classes from Bootstrap 3. Work for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.

Read More       Demo

3D Bold Navigation in CSS & jQuery

Looper js

A bold navigation that slides in when active, replacing the current content in a 3D space.To increase the focus on the menu, we pushed the main content along the z-axis (by using CSS transformations we actually scale down the content size, we don???t use 3D translations, but the result is the same).

A bold navigation that slides in when active, replacing the current content in a 3D space.To increase the focus on the menu, we pushed the main content along the z-axis (by using CSS transformations we actually scale down the content size, we don???t use 3D translations, but the result is the same).

Read More       Demo

Intence : A brand new way of Scrolling Indication

Looper js

Intence is a new UX concept and a JavaScript library which reflects the scrolling state in a simple and intuitive manner. It highlights the scrollable area depending on the scrolling amount, thus efficiently explaining to a user what exactly can be scrolled, and is there much to scroll. Intence is suggested as a scrollbar replacament for a general designation of a scrollable area. The library is written in vanilla JavaScript and has no dependencies.

Intence is a new UX concept and a JavaScript library which reflects the scrolling state in a simple and intuitive manner. It highlights the scrollable area depending on the scrolling amount, thus efficiently explaining to a user what exactly can be scrolled, and is there much to scroll. Intence is suggested as a scrollbar replacament for a general designation of a scrollable area. The library is written in vanilla JavaScript and has no dependencies.

Read More       Demo

jQuery Progress Tracker

Looper js

A small (2KB) jQuery plugin that creates a fixed progress indicator based on your content and allows linking between them.

A small (2KB) jQuery plugin that creates a fixed progress indicator based on your content and allows linking between them.

Read More       Demo

Ultra Navigation ??? Responsive Bootstrap Sidebar

Looper js

  • Fully Responsive and Bootstrap compatible.
  • Collapsible sidebar on toggle click. You can also set your custom breakpoints.
  • Awesome looks (Available in 5 skins and colors).
  • Wide View support. (Full Screen sidebar)
  • Vector Icons (font Awesome 4.3.0 included)
  • Show on Hover Mode implemented with a single option.
  • Fixed Menu variation (Slimscroll Integrated).
  • Content Styles. (Shrink, Push and Overlay mode)
  • JQUERY UI Animations (Drop, Pulsate, Clip, Explode etc..)
  • OFF-CANVAS Ready (Using options)

Read More       Demo

Sliiide : jQuery Sliding Menu

Looper js

The easiest way to create a sliding menu with jQuery.You have a div (probably a nav menu or a side bar) that you want to animate with a sliding effect from outside the viewport to inside the viewport.

The easiest way to create a sliding menu with jQuery.You have a div (probably a nav menu or a side bar) that you want to animate with a sliding effect from outside the viewport to inside the viewport.

Read More       Demo

Mobile Menu Hamburger with jQuery & CSS

Looper js

A hamburger menu for mobile websites. A demo how to create an up-to-date menu for a mobile website in a typical hamburger style.This Template is using only CSS and javascript (jQuery)

A hamburger menu for mobile websites. A demo how to create an up-to-date menu for a mobile website in a typical hamburger style.This Template is using only CSS and javascript (jQuery)

Read More       Demo

contentToggle : jQuery plugin for Content Toggling

Looper js

A jQuery plugin for managing various kind of content toggling.This library help you create cross-platform and accessible (in the meaning of the W3C) content that can be shown and hidden with triggers.

A jQuery plugin for managing various kind of content toggling.This library help you create cross-platform and accessible (in the meaning of the W3C) content that can be shown and hidden with triggers.

Read More       Demo

Bootstrap ??? Responsive Off Canvas Menu

Looper js

Bootstrap already takes care of showing the .navbar-toggle when it is on the x-small window size.

Bootstrap already takes care of showing the .navbar-toggle when it is on the x-small window size.

I have styled the .navbar-collapse.collapse to be positioned absolute by default. Only in the other media queries am I switching it to relative. Now when someone toggles the .navbar-toggle we are simply adding the .in class and the left css property is being adjusted

Read More       Demo

Nested Nav : jQuery Bootstrap Nested Menus

Looper js

A bootstrap mobile menu jQuery plugin for deeply nested menus. Works with Bootstrap 2.3 ??? 3.+ or any markup that meets minimal, customizable requirements.

A bootstrap mobile menu jQuery plugin for deeply nested menus. Works with Bootstrap 2.3 ??? 3.+ or any markup that meets minimal, customizable requirements.

Read More       Demo

jQuery fatNav : Fullscreen Menu

Looper js

Chubby fullscreen menu with nice hamburger toggle.

Chubby fullscreen menu with nice hamburger toggle.

Read More       Demo

jQuery In This Post ??? Easy Post Topics Navigation

Looper js

When we write our long posts in our blogs it is a best practice to separate the different topics and subtopics by using heading elements (h1, h2, h3 and so on).

When we write our long posts in our blogs it is a best practice to separate the different topics and subtopics by using heading elements (h1, h2, h3 and so on).

With jQuery In This Post you can do just that, add a awesome navigational bar that show your readers where they are in your post and what is coming next. It also supports comments block, so they can comment to your post as soon as they finish to read it!

Read More       Demo

jQuery Slide and Swipe Menu

Looper js

A sliding swipe menu that works with touchSwipe library.This plugin uses CSS3 transform property to move the navigation. That???s why it works smoothly.

A sliding swipe menu that works with touchSwipe library.This plugin uses CSS3 transform property to move the navigation. That???s why it works smoothly.

Read More       Demo

Blurry Menu with jQuery & Html5 Canvas

Looper js

A blurry menu for all kind of websites. The blur effect is added dynamically and context sensitive to all displayed web-contents like images, texts and even background-images. This script uses existing scripts like html2canvas and Superfast Blur.

A blurry menu for all kind of websites. The blur effect is added dynamically and context sensitive to all displayed web-contents like images, texts and even background-images. This script uses existing scripts like html2canvas and Superfast Blur.

Read More       Demo

Bootstrap Vertical Menu

Looper js

A vertical menu for desktop web apps, using bootstrap.

A vertical menu for desktop web apps, using bootstrap.

Read More       Demo

Bootstrap Dropdown Hover : jQuery Plugin

Looper js

A simple plugin which opens Bootstrap dropdown menus on mouse hover, the proper way. Compatible with every device.

A simple plugin which opens Bootstrap dropdown menus on mouse hover, the proper way. Compatible with every device.

Read More       Demo

jQuery Accessible Mega Menu

Looper js

A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin. It is modeled after the mega menu on adobe.com but has been simplified for use by others. An brief explanation of our interaction design choices can be found in a blog post at Mega menu accessibility on adobe.com.

A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin. It is modeled after the mega menu on adobe.com but has been simplified for use by others. An brief explanation of our interaction design choices can be found in a blog post at Mega menu accessibility on adobe.com.

Read More       Demo

NinjaRadial : Clean Radial jQuery Menu

Looper js

This is a great radial menu jquery plugin to be used in your website or management system.

This is a great radial menu jquery plugin to be used in your website or management system.

  • Clean and easy implementation;
  • Customize each button functionality;
  • Set colors and styles to each button;
  • Add how many buttons you want;
  • Configure size, distance and colors easily;
  • Call it from any element you want;

Read More       Demo

Priority Navigation : jQuery Responsive Navigation Menu

Looper js

Priority Navigation is a jQuery plugin for creating arbitrarily-prioritized responsive navigation menus.

Priority Navigation is a jQuery plugin for creating arbitrarily-prioritized responsive navigation menus.

The main feature that sets it apart from other examples, is that it allows for prioritization ordering independent from menu ordering. Menu item prioritization is managed by applying data-attributes to the elements.

Read More       Demo

gizmoMenu : Customizable jQuery Context Menus

Looper js

gizmoMenu gives you full design control over your site???s context menu. Just copy and paste one of the HTML menu styles and modify it to your liking. All HTML is exposed ??? allowing you to expand gizmoMenu however you like.

gizmoMenu gives you full design control over your site???s context menu. Just copy and paste one of the HTML menu styles and modify it to your liking. All HTML is exposed ??? allowing you to expand gizmoMenu however you like.

  • Lightweight and easy to use
  • Copy and Paste approach ??? no lengthy docs!
  • DropDown style contextmenu
  • Hamburger style contextmenu
  • Horizontal style contextmenu
  • Includes 6 color presets
  • Use any menu you want ??? including MegaMenus!

Read More       Demo

PriorityNavigation.js : JavaScript Responsive Navigation

Looper js

PriorityNav is a lightweight pure javascript plugin that will move your menu items if they don???t fit its parent.

PriorityNav is a lightweight pure javascript plugin that will move your menu items if they don???t fit its parent.

  • No dependencies
  • Smart calculation of available space
  • Flexible
  • Non obstructive menu dropdown
  • Callbacks

Read More       Demo

Responsive Bootstrap Sidebar Navigation

Looper js

HOE Navigation Menu consist of both Horizantal and Vertical navigation menu based on CSS3 and Jquery. Its lightweight and compatible with almost all major browsers and devices. It supports four levels sub menu with shrink, Overlay and push effect.

HOE Navigation Menu consist of both Horizantal and Vertical navigation menu based on CSS3 and Jquery. Its lightweight and compatible with almost all major browsers and devices. It supports four levels sub menu with shrink, Overlay and push effect.

Features:

  • Fully Responsive ready for Desktop, Tablets and Mobile
  • Multiple Color options
  • Bootstrap based
  • Options to choose Sidebar Navigation or horizontal navigation

Read More       Demo

jQuery Menu Puncher

Looper js

Menupuncher is simple fullscreen navigation plugin for jquery.

Menupuncher is simple fullscreen navigation plugin for jquery.

Read More       Demo

Block Scroll : jQuery information Presentation into Blocks

Looper js

Block scroll is a jQuery plugin that turns a set of elements into a blocks and displays them one screen at a time. The idea is to break up your page into chunks for better presentation and user-flow. Block Scroll automatically turns your page responsive.

Block scroll is a jQuery plugin that turns a set of elements into a blocks and displays them one screen at a time. The idea is to break up your page into chunks for better presentation and user-flow. Block Scroll automatically turns your page responsive.

Read More       Demo

Advanced Off Screen Menu with jQuery & CSS3

Looper js

Think of it as a full-screen off-screen menu on (a)steroids.It is an HTML5/CSS3 responsive solution for using (and making) animated large off-screen menus. It uses CSS transitions that are hardware accelerated and much faster then jQuey animations.

Think of it as a full-screen off-screen menu on (a)steroids.It is an HTML5/CSS3 responsive solution for using (and making) animated large off-screen menus. It uses CSS transitions that are hardware accelerated and much faster then jQuey animations.

  • 20 responsive presets. (Check the live preview button to test them.)
  • Browser based Editor with 30 presets.
  • Compatible with all HTML5 browsers INCLUDING MOBILE! (IE10+, Chrome, Safari, Opera, Firefox). Tested on iOS and Android.
  • Simple usage, include 2 files (css and js) and add literally 2 lines of code.
  • requires almost NO change on existing HTML sites.

Read More       Demo

jQuery faceted Taxonomy Browser

Looper js

The jquery faceted taxonomy browser is a simple and intuitive design pattern for browsing hierarchical facets. It is based on a concept called ???Miller Columns???. If you use the Mac OSX Finder application you can see this feature in action.

The jquery faceted taxonomy browser is a simple and intuitive design pattern for browsing hierarchical facets. It is based on a concept called ???Miller Columns???. If you use the Mac OSX Finder application you can see this feature in action.

Read More       Demo

jQuery Roulette Wheel Plugin

Looper js

jQuery Roulette Wheel allows you to convert a canvas in a random selection roulette.

jQuery Roulette Wheel allows you to convert a canvas in a random selection roulette.

  • Allowing to add any number of options, auto-generating a color for each one.
  • A callback function is called when an item is selected.
  • The spin button is rendered in the center of the wheel, instead of using a <button> element

Read More       Demo

Responsive Menu with Sliding Down Transition

Looper js

A responsive menu with transitions and fallback support for older browsers. This menu works sliding down the content with a background mask that adjusts to screen height.

A responsive menu with transitions and fallback support for older browsers. This menu works sliding down the content with a background mask that adjusts to screen height.

  • Responsive
  • Works with a mask
  • Supports scrollbar if content size is bigger than screen size
  • Primarily uses CSS-Transitions and then jQuery as fallback for older browsers.

Read More       Demo

jQuery Layered Navigation with CSS3

Looper js

Layered navigation allows you to easily implement a new navigation system using the jQuery JavaScript library. It combines the presentation into two sections, you won???t need cutting the images into two, an entire section, and through slides at once. It includes CSS3 animations to show the elements, a side menu to show sections and a progress bar indicates the progress along web site. It allows you to include maps and videos in a fast and easy way.

Layered navigation allows you to easily implement a new navigation system using the jQuery JavaScript library. It combines the presentation into two sections, you won???t need cutting the images into two, an entire section, and through slides at once. It includes CSS3 animations to show the elements, a side menu to show sections and a progress bar indicates the progress along web site. It allows you to include maps and videos in a fast and easy way.

Read More       Demo

Mega Dropdown with CSS3

Looper js

A responsive and easy to customise mega-dropdown component.One example we can all think of is Amazon: infinite categories, each one with its own sub-categories??? that???s why they currently provide an easy-to-access navigation, in the form of a mega-dropdown element on the top-left corner of the page.

A responsive and easy to customise mega-dropdown component.One example we can all think of is Amazon: infinite categories, each one with its own sub-categories??? that???s why they currently provide an easy-to-access navigation, in the form of a mega-dropdown element on the top-left corner of the page.

Read More       Demo

jQuery Vertical Dashboard Responsive Navigation

Looper js

  • 5 predefined color styles which can be changed easily
  • Fontawesome 430+ vector icons
  • Responsive design
  • Google web fonts
  • jQuery changeable plugin options
  • Compatible with mobile devices
  • Documentation included
  • Clean Design and Code
  • Easy to use

Read More       Demo

Nb2Sb : jQuery Navbar to Sidebar Plugin

Looper js

Nb2Sb (Navbar to Sidebar) is a Bootstrap-only jQuery plug-in that converts your navbar into a sidebar.

Nb2Sb (Navbar to Sidebar) is a Bootstrap-only jQuery plug-in that converts your navbar into a sidebar.

Read More       Demo

jQuery Offcanvas user-friendly Mobile Navigation

Looper js

jQuery Offcanvas is the easy way to arrange overloaded websites or to design user-friendly mobile navigations.

jQuery Offcanvas is the easy way to arrange overloaded websites or to design user-friendly mobile navigations.

Set oversized content as off-canvas and let it flow-in, if needed ??? simple.

Read More       Demo

Vertical Responsive Menu with JavaScript & CSS3

Looper js

A mobile first vertical responsive menu using HTML, CSS & JS

A mobile first vertical responsive menu using HTML, CSS & JS

Read More       Demo

Lateralus : jQuery Slide & Push Menus

Looper js

Lateralus is a group of menus, to help you build your next website or app.You can choose between normal side menus (right or left) and top menu or push menus (right or left), that push your page to give room to the menu. Pure HTML & CSS with only some HTML5 & CSS3 benefits, and with the use of simple jQuery script so you can easily customize at your own taste!

Lateralus is a group of menus, to help you build your next website or app.You can choose between normal side menus (right or left) and top menu or push menus (right or left), that push your page to give room to the menu.
Pure HTML & CSS with only some HTML5 & CSS3 benefits, and with the use of simple jQuery script so you can easily customize at your own taste!

Read More       Demo

jQuery Animated Dropdown Mega Menu Plugin

Looper js

An Animated Dropdown Mega Menu a jquery plugin that uses Animate CSS/HoverIntent with CSS only fallback.

An Animated Dropdown Mega Menu a jquery plugin that uses Animate CSS/HoverIntent with CSS only fallback.

  • Javascript Based menu with CSS only fallback
  • Uses CSS3 animation when available (fallback to js)
  • Works in IE7+

Read More       Demo

jQuery Responsive Menu

Looper js

jQuery Responsive Menu is a drop-down menu for responsive websites. It is a jQuery plugin that includes a JavaScript file and CSS file as well as sample HTML.

jQuery Responsive Menu is a drop-down menu for responsive websites. It is a jQuery plugin that includes a JavaScript file and CSS file as well as sample HTML.

Read More       Demo

Gooey Menu : Cool gooey effects Menu with jQuery & SVG

Looper js

jQuery Menu Plugin With Cool Gooey Effects

jQuery Menu Plugin With Cool Gooey Effects

  • Cool gooey effects using SVG filters
  • Six menu styles (spaced/stacked round, horizontal, vertical menus)
  • 15+ easily customizable options
  • Easy to use event API
  • Fully responsive layout
  • Support of all modern browsers

Read More       Demo

Slideout.js : Touch Slideout Navigation Menu

Looper js

A touch slideout navigation menu for your mobile web apps.

A touch slideout navigation menu for your mobile web apps.

Features:

  • Dependency-free.
  • Simple markup.
  • Native scrolling.
  • Easy customization.
  • CSS transforms & transitions.
  • Just 4 Kb!

Read More       Demo

Inspiration for Button Styles and Effects with CSS3

Looper js

A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.

A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.

Read More       Demo

Secondary sliding Navigation with CSS3 & jQuery

Looper js

A bold, secondary menu that slides over the main navigation.

A bold, secondary menu that slides over the main navigation.

This approach can be an alternative to a standard dropdown menu, in particular if you want to emphasise more the sub navigation. Besides you can easily customize the snippet and use the slide in panel for a search box instead, or a login form ??? just to give you a couple of ideas.

Read More       Demo

Bootstrap Offcanvas Menu

Looper js

Super simple, easy to use off-canvas navigation menu for Bootstrap.It uses Bootstrap classes and markup to create an off-canvas menu that not only looks good. But works perfectly.

Super simple, easy to use off-canvas navigation menu for Bootstrap.It uses Bootstrap classes and markup to create an off-canvas menu that not only looks good. But works perfectly.

Read More       Demo

jQuery Bootstrap Submenu

Looper js

Bootstrap menu with submenu option with jQuery.

Bootstrap menu with submenu option with jQuery.

Read More       Demo

Full-screen Pushing Navigation with CSS3 & jQuery

Looper js

A full page menu, that replaces the current content by pushing it off the screen with CSS3 and jQuery.

A full page menu, that replaces the current content by pushing it off the screen with CSS3 and jQuery.

Read More       Demo

Bouncy Navigation with CSS3 & jQuery

Looper js

A full-screen navigation, with floating menu items.There are cases when you want to present the user with a choice, with the focus of the web page being the different options. Whether it is a modal navigation, or a list of categories, todays nugget gets you covered!

A full-screen navigation, with floating menu items.There are cases when you want to present the user with a choice, with the focus of the web page being the different options. Whether it is a modal navigation, or a list of categories, todays nugget gets you covered!

We used CSS animations and a pinch of jQuery to animate navigation items, and let them bounce in and out the screen.

Read More       Demo

OpenFooter : jQuery Responsive Full Screen Footer

Looper js

OpenFooter jQuery is a small script that is used to create the unique responsive footer with power features. With this plugin you can make a footer with many kinds of content (Text, images/photos, videos/iframes???) and you can add content as much as you want. Additionally, this plugin also allow you expand the footer to fullscreen for easier view.

OpenFooter jQuery is a small script that is used to create the unique responsive footer with power features. With this plugin you can make a footer with many kinds of content (Text, images/photos, videos/iframes???) and you can add content as much as you want. Additionally, this plugin also allow you expand the footer to fullscreen for easier view.

Read More       Demo

MonoList : jQuery List Grouping & Navigation

Looper js

MonoList ??? Plugin for creating navigation by list and by pretty much everything else.Do you have a long list of HTML elements? Would you like to group it by item???s first letter and allow users to easily navigate by it? With MonoList you can do it.

MonoList ??? Plugin for creating navigation by list and by pretty much everything else.Do you have a long list of HTML elements? Would you like to group it by item???s first letter and allow users to easily navigate by it? With MonoList you can do it.

  • Easy integration with CSS frameworks
  • Set initial letter selection
  • Dealing with prefixes
  • Multilingual support
  • Data navigation
  • AJAX support

Read More       Demo

jQuery Multi-level Dropdown Menu

Looper js

Multi-level dropdown menu for buttons. Tree dropdown menu with native look and feel, user-defined item rendering and unlimited items and depth.Supports any HTML for items, multiple combined sync/async datasources.

Multi-level dropdown menu for buttons. Tree dropdown menu with native look and feel, user-defined item rendering and unlimited items and depth.Supports any HTML for items, multiple combined sync/async datasources.

Features:

  • Render any HTML content
  • Unlimited items and submenus
  • Styling matches operating system/browser look
  • Optional scrollbar
  • Submenus optionally selectable
  • Regenerate items every time
  • Short and sweet; just over 200 lines of cleanly written code

Read More       Demo

MenuItems : jQuery Navigation Menu for One Page Site

Looper js

Dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets. Optimal for one-page sites.

Dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets. Optimal for one-page sites.

Read More       Demo

Dash : Responsive Bootstrap Dashboard Navbar

Looper js

Dash is responsive Bootstrap dashboard navbar / menu. This item has two navbars, one for top and the other for left. The mobile swipe feature has been added for mobile devices.

Dash is responsive Bootstrap dashboard navbar / menu. This item has two navbars, one for top and the other for left. The mobile swipe feature has been added for mobile devices.

Features:

  • Botstrap 3
  • Responsive
  • Dashboard style
  • Mobile friendly with swipe feature
  • Both default Bootstrap icons and font awesome
  • Coded in HTML5 and LESS for CSS
  • Two effects: push and overlay

Read More       Demo

Auto-Hide Sticky Header with JavaScript & CSS3

Looper js

Auto-hide sticky header is a shot that shoots down two rabbits: makes site navigation easily accessible anywhere on the page and saves content space at the same.

Auto-hide sticky header is a shot that shoots down two rabbits: makes site navigation easily accessible anywhere on the page and saves content space at the same.

Read More       Demo

Spark: A WordPress Menu and Info Pane Plugin

Looper js

Spark is also delightfully animated, which makes it a memorable element to add to any WordPress website.Spark can be used as your standard menu, a secondary menu, a nifty mobile-only menu, or even utilized as a promotional tool. You can customize all colors, change positioning options, hide the menu button (in which case the sized-down image will act as the menu activator), add any image you???d like, add multi-level accordion menus and so on.We???ve also included a full-screen info pane that can be used to display any extra content you need.

Spark is also delightfully animated, which makes it a memorable element to add to any WordPress website.Spark can be used as your standard menu, a secondary menu, a nifty mobile-only menu, or even utilized as a promotional tool. You can customize all colors, change positioning options, hide the menu button (in which case the sized-down image will act as the menu activator), add any image you???d like, add multi-level accordion menus and so on.We???ve also included a full-screen info pane that can be used to display any extra content you need.

Read More       Demo

Fixed Navigation Transition with CSS3 & jQuery

Looper js

Fixed headers are a must for long pages and menus that need to be seen all the time. The transition between an inline menu and a fixed menu is an added effect that really makes your navigation stand out. I have made two different transition effects: A flip effect and an arrow ribbon effect.

Fixed headers are a must for long pages and menus that need to be seen all the time. The transition between an inline menu and a fixed menu is an added effect that really makes your navigation stand out. I have made two different transition effects: A flip effect and an arrow ribbon effect.

Read More       Demo

jQuery Sticky Navigation with Smooth Effect

Looper js

In this quick tutorial we???re going to use jQuery and make a simple sticky navigation. With that done, we???ll improve on our efforts by using jQuery Waypoints to make the effect smoother.

In this quick tutorial we???re going to use jQuery and make a simple sticky navigation. With that done, we???ll improve on our efforts by using jQuery Waypoints to make the effect smoother.

Read More       Demo

jQuery FancyIndex Plugin

Looper js

Nowadays almost every ???fresh??? page looks the (s)hame: One page, very content, much scroll. So even though you really hate usability, enhance your design patters by using customer-orientated plugins like this. It was built using the jQuery library.

Nowadays almost every ???fresh??? page looks the (s)hame: One page, very content, much scroll. So even though you really hate usability, enhance your design patters by using customer-orientated plugins like this. It was built using the jQuery library.

Features:

  • Using the directory-function upgrades the user???s experience
  • Customizable trough settings and CSS
  • Highly compatible
  • Highly customizable
  • Uses CSS3 transitions by default

Read More       Demo

Shrinking Fixed Top Bar with jQuery & CSS3

Looper js

A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I???m going to show you how you can achieve this by using ZURBs Foundation Top Bar, some custom sass and jQuery. To top it off we???ll add a couple of media queries to make our menu responsive.

A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I???m going to show you how you can achieve this by using ZURBs Foundation Top Bar, some custom sass and jQuery. To top it off we???ll add a couple of media queries to make our menu responsive.

Read More       Demo

jQuery ScrollUpBar Plugin

Looper js

The scroll up bar plugin (jQuery) hides the top bar when scrolling down, and show it when scrolling up. It???s specially useful on mobile interfaces to save some precious space.

The scroll up bar plugin (jQuery) hides the top bar when scrolling down, and show it when scrolling up. It???s specially useful on mobile interfaces to save some precious space.

Read More       Demo

3D Rotating Navigation with CSS3

Looper js

A 3D rotating navigation, powered by CSS transformations. Animated elements are key ingredients of the user experience. In this case a 3D menu can???t just be fun. It has to be efficient.

A 3D rotating navigation, powered by CSS transformations. Animated elements are key ingredients of the user experience. In this case a 3D menu can???t just be fun. It has to be efficient.

Read More       Demo

SlideReveal : jQuery Side Panel Plugin

Looper js

Show side panel by sliding from the left or right of the page.

Show side panel by sliding from the left or right of the page.

Read More       Demo

FooNav.js : jQuery Simple Navigation Plugin

Looper js

FooNav.js is a free plugin built on jQuery that let???s you make a simple menu to help users navigate either your site or a single pages content. You can create your own custom menu links or let the plugin crawl your page for headers and build up a simple navigation menu itself. There are multiple themes to choose from to suite your site, or if you are so inclined you can create your own with a little custom CSS.

FooNav.js is a free plugin built on jQuery that let???s you make a simple menu to help users navigate either your site or a single pages content. You can create your own custom menu links or let the plugin crawl your page for headers and build up a simple navigation menu itself. There are multiple themes to choose from to suite your site, or if you are so inclined you can create your own with a little custom CSS.

Read More       Demo

Service.Rmlmenu : jQuery Responsive Multi-Level Menu

Looper js

Service.rmlmenu.jquery is a jQuery plugin that offers a Responsive Multi-Level Menu. Using appropriate device queries in CSS it presents itself as a traditional multi-level dropdown menu on wide screens and as a popup menu on smaller screens.

Service.rmlmenu.jquery is a jQuery plugin that offers a Responsive Multi-Level Menu. Using appropriate device queries in CSS it presents itself as a traditional multi-level dropdown menu on wide screens and as a popup menu on smaller screens.

Read More       Demo

Hubeleke jQuery Circle Rotate Menu

Looper js

Hubeleke jQuery Rotate Menu is a circle shaped menu that rotates and retrives its content on click. The plugin generates circle shape with CSS3 properties.When you click on a menu item, the menu will rotate until the clicked menu item reaches to the bottom. Meanwhile its content will be shown/loaded in the content wrapper with an animation.

Hubeleke jQuery Rotate Menu is a circle shaped menu that rotates and retrives its content on click. The plugin generates circle shape with CSS3 properties.When you click on a menu item, the menu will rotate until the clicked menu item reaches to the bottom. Meanwhile its content will be shown/loaded in the content wrapper with an animation.

Features:

  • Easy installation
  • Fully customizable
  • jQuery powered
  • Major browsers support
  • Detailed options
  • Ajax support
  • Circle Shaped Navigation
  • Compatible with other plugins
  • Events and Custom Attributes

Read More       Demo

Mega-Site Navigation in CSS & jQuery

Looper js

A responsive and easy to customize navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.

A responsive and easy to customize navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.

Read More       Demo

jQuery MenuItems : Navigation Menu Widget

Looper js

Dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets.

Dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets.

Read More       Demo

Materialmenu : jQuery Responsive Menu Plugin

Looper js

jQuery plugin that creates an responsive Menu on website.

jQuery plugin that creates an responsive Menu on website.

Read More       Demo

minimap : jQuery full Webpage Preview Plugin

Looper js

A preview of full webpage or its DOM element with flexible positioning and navigation support.

A preview of full webpage or its DOM element with flexible positioning and navigation support.

Read More       Demo

StickyFooterNav : Responsive Mega Footer with CSS3 & jQuery

Looper js

StickyFooterNav is a unique mega footer solution designed and coded to work and fit on any device. It is fully responsive and comes with a flexible grid system to hold your content within panels.

StickyFooterNav is a unique mega footer solution designed and coded to work and fit on any device. It is fully responsive and comes with a flexible grid system to hold your content within panels.

Features:

  • 100% Responsive & powerful mega footer system
  • 3 types of drop downs (fixed width, mega and full browser width)
  • Unique full browser width panels
  • Sticks to the bottom of the browser
  • Flexible columns grid
  • Left or right alignment for the menu items and the drop downs
  • Custom & automatic scrollbars within panels
  • Clean and professional design
  • Fits into any layout
  • Lots of styled elements

Read More       Demo

Bootstrap Context Menu with jQuery

Looper js

Context menu plugin for Twitter???s Bootstrap framework.

Context menu plugin for Twitter???s Bootstrap framework.

Read More       Demo

jQuery AnimateScroll Navigation Plugin

Looper js

A Simple jQuery Plugin extending animateScroll plugin with Single Page Scroll Capabilities.

A Simple jQuery Plugin extending animateScroll plugin with Single Page Scroll Capabilities.

Features:

  • Smooth, continous scroll across sections
  • Ability to navigate to each and every section, also programatically
  • Possible menu integration, but I didin???t want menu to be included as part of a package
  • Each section can have different height
  • If section height is less then screen height ??? it can be adjusted
  • If section is higher then screen ??? we???re cool
  • It would support History API

Read More       Demo

Rounded Animated Navigation with CSS3 & JQuery

Looper js

An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle.

An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle.

Read More       Demo

Facebook Style Notification Popup using CSS & jQuery

Looper js

Are you looking for Facebook UI features, this post will explain you how to create a Facebook style notifications popup using Jquery, HTML and CSS, you will understand how CSS elements will helps to improve better web design. This is the most needed feature for social networking web projects to minimize and enrich the UX elements.

Are you looking for Facebook UI features, this post will explain you how to create a Facebook style notifications popup using Jquery, HTML and CSS, you will understand how CSS elements will helps to improve better web design. This is the most needed feature for social networking web projects to minimize and enrich the UX elements.

Read More       Demo

Bootstrap Dropdown Menus Enhancement

Looper js

Enhancing functionality of dropdown menus. Added the following improvements:

Enhancing functionality of dropdown menus. Added the following improvements:

  • Sub-Menus
  • Support for radio and checkboxes
  • Positioning of menus
  • Bullet for menus

Read More       Demo

jQuery Flyout Menu button

Looper js

jQuery Flyout is a simple plugin for creating a flyout menu button.

jQuery Flyout is a simple plugin for creating a flyout menu button.

Read More       Demo

Tendina : jQuery Dropdown Side Menus Plugin

Looper js

Tendina is a simple jQuery plugin that helps you build dynamic, interactive side-menus in seconds.

Tendina is a simple jQuery plugin that helps you build dynamic, interactive side-menus in seconds.

Features:

  • Provides a super easy way to setup sidemenus in a matter of minutes
  • Supports infinite levels of nesting
  • Hides your nested submenus and manages all interactions
  • Handles dinamically added elements (nice to have when building a menu from a JSON)
  • Supports multiple menu initializations on the same page
  • It???s lightweight ??? 3kb minified!

Read More       Demo

scotchPanels.js : jQuery Off Canvas Menus and Panels Plugin

Looper js

scotchPanels.js is a jQuery plugin for easily creating off canvas menus, navigations, and other panel types such as images, videos, and iframes. Scotch Panels are featured-packed and have a ton of different options for every skill-level to tweak and implement into almost any project.

scotchPanels.js is a jQuery plugin for easily creating off canvas menus, navigations, and other panel types such as images, videos, and iframes. Scotch Panels are featured-packed and have a ton of different options for every skill-level to tweak and implement into almost any project.

Features:

  • Uses CSS3 with JavaScript Fallback
  • Fully Responsive
  • Custom transition styles
  • Completely Customizable with tons of optional settings
  • Lightweight, easy to use, and only one file
  • Cross Browser Support
  • Choose either custom HTML, images, iframes, or video panels
  • Optionally use HTM5 Data Attributes
  • Off Canvas directions from top, Bottom, left, and right
  • Works from any container or div
  • Extensive Callbacks API
  • Click, touch, hover, and keyboard helpers
  • CSS Class Helpers

Read More       Demo

Pure Drawer : Pure CSS Off-Canvas drawers Menu

Looper js

You have probably all seen the ???drawer menu/off-canvas??? navigation style made popular by Facebook a few years back. There are a lot of great javascript plugins that offers this functionality, but I thought it would be cool to try and do this with the new cool features of css. No javascript required.

You have probably all seen the ???drawer menu/off-canvas??? navigation style made popular by Facebook a few years back. There are a lot of great javascript plugins that offers this functionality, but I thought it would be cool to try and do this with the new cool features of css. No javascript required.

  • 9 Cool Effects
  • Different Drawer Position
  • Responsive Design
  • Cross browser support
  • Multiple Drawers on single page
  • No javascript

Read More       Demo

metisMenu : Easy menu jQuery plugin for Bootstrap

Looper js

metisMenu is a easy menu jQuery plugin for Twitter Bootstrap 3.

metisMenu  is a easy menu jQuery plugin for Twitter Bootstrap 3.

Read More       Demo

Slide in panel with jQuery & CSS3

Looper js

A CSS3 and jQuery powered slide-in panel, to quickly show side content, notifications or profile information.

A CSS3 and jQuery powered slide-in panel, to quickly show side content, notifications or profile information.

Read More       Demo

Off-Canvas Menu Effects with CSS3 & SVG

Looper js

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.Today we want to show a new set of modern effects for your inspiration. Different layouts and synced transitions of the menu and the page can make everything look more interesting and we can make use of the available space for side-menus and controls. SVG allows us to play with organic shapes and add some unexpected and stylish moves to a design.

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.Today we want to show a new set of modern effects for your inspiration. Different layouts and synced transitions of the menu and the page can make everything look more interesting and we can make use of the available space for side-menus and controls. SVG allows us to play with organic shapes and add some unexpected and stylish moves to a design.

Read More       Demo

Off Canvas infinity push jQuery Mobile Navigation

Looper js

Off Canvas Infinity Push is a jQuery plugin that gives you the ability to make any desktop navigation into a mobile navigation. This plugin offers unlimited sub navigations.

Off Canvas Infinity Push is a jQuery plugin that gives you the ability to make any desktop navigation into a mobile navigation. This plugin offers unlimited sub navigations.

Read More       Demo

Responsive Off Canvas Menu with CSS3 & jQuery

Looper js

In this article, I???ll be walking through a build demo that centers on two topics. The first is responsive design patterns that embrace the viewport and that improve content discoverability beyond the basic hyperlink; in this case, off-canvas navigation. The second is the complexities of implementing such ideas in an accessible and highly performant manner. These are two topics that I believe are at the heart of the Web???s future.

In this article, I???ll be walking through a build demo that centers on two topics. The first is responsive design patterns that embrace the viewport and that improve content discoverability beyond the basic hyperlink; in this case, off-canvas navigation. The second is the complexities of implementing such ideas in an accessible and highly performant manner. These are two topics that I believe are at the heart of the Web???s future.

Read More       Demo

Side Shopping Cart with CSS3 & jQuery

Looper js

This animated side cart is a smart and not obtrusive way to let users jump in and out from the list of products they want to buy, without having to refresh the page or fire a popup.

This animated side cart is a smart and not obtrusive way to let users jump in and out from the list of products they want to buy, without having to refresh the page or fire a popup.

Read More       Demo

Secondary Fixed Navigation with CSS3 & jQuery

Looper js

A secondary navigation intended for users who want a quick overview of the page content, and be able to easily move from one section of the page to the other.

A secondary navigation intended for users who want a quick overview of the page content, and be able to easily move from one section of the page to the other.

A fixed navigation with smooth, jQuery powered scroll. Nothing fancy here, yet a handy snippet for creating a secondary menu to quickly surf through the page content. We see this effect a lot these days, a good example I can think of is Disqus For Websites. A nice touch is to animate the logo and the main call-to-action button to slide in once the navigation becomes fixed.

Read More       Demo

Drawer : jQuery Drawer Menu plugin using CSS animations

Looper js

Drawer is a jQuery plugin for displaying the drawer menu using CSS animations in the event of a trigger. Setting the position can be selected either the right or left. And also supports Responsive design.

Drawer is a jQuery plugin for displaying the drawer menu using CSS animations in the event of a trigger. Setting the position can be selected either the right or left. And also supports Responsive design.

Read More       Demo

MegaNavbar. Advanced Navbar for Bootstrap 3.0+

Looper js

The MegaNavbar is a Bootstrap 3.0+ based component, that uses the standard navbar markup, and the fluid grid system from Bootstrap 3. Work for fixed and responsive layout, and has the facility to include any Bootstrap component except dropdown. MegaNavbar is compatible with mobile devices and modern web browsers.

The MegaNavbar is a Bootstrap 3.0+ based component, that uses the standard navbar markup, and the fluid grid system from Bootstrap 3. Work for fixed and responsive layout, and has the facility to include any Bootstrap component except dropdown. MegaNavbar is compatible with mobile devices and modern web browsers.

Features:

  • 100% Responsive Layout Design
  • Bootstrap Columns Grid based
  • Unlimited Color Schemes
  • Easy integration to any Web Projects
  • Font Awesome Icons Included
  • No additional JavaScript Required

Read More       Demo

Menuzord ??? jQuery CSS3 Responsive Megamenu

Looper js

Menuzord is a responsive megamenu pack to help you to define a modern navigation for your website.

Menuzord is a responsive megamenu pack to help you to define a modern navigation for your website.

Features:

  • Fully Responsive
  • 16 Skins
  • Bootstrap compatible
  • 8 Color Schemes per Skin
  • Megamenu
  • Grid System
  • CSS animations
  • Right/Left alignment
  • Click or Hover

Read More       Demo

Closing Door Menu with CSS3 & jQuery

Looper js

This effect is inspired by the Enjoy Aiia menu effect. It???s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I???ve created 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.

This effect is inspired by the Enjoy Aiia menu effect. It???s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I???ve created 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.

Read More       Demo

Full-Screen Pop-Out Navigation with jQuery & CSS3

Looper js

Here is a fixed menu that drives users??? attention to a couple of call-to-action buttons first, then let them explore the full-screen navigation with jQuery and CSS3.

Here is a fixed menu that drives users??? attention to a couple of call-to-action buttons first, then let them explore the full-screen navigation with jQuery and CSS3.

Read More       Demo

Slidemenu : jQuery Side Menus with style

Looper js

Slidemenu is a jquery menu plugin for side menus with fun slide interactions.

Slidemenu is a jquery menu plugin for side menus with fun slide interactions.

Read More       Demo

Datmenu ??? Responsive Menu jQuery Plugin

Looper js

DatMenu is a premium quality jquery plugin for responsive navigation that is built with love and care.

DatMenu is a premium quality jquery plugin for responsive navigation that is built with love and care.

  • Easy To use
  • Multiple Animations
  • Easy Modifications
  • Top Menu Bar
  • Retina Ready
  • Responsive layout
  • Compatibility (IE, Firefox, Opera, Safari, Chrome)
  • Unlimited Colors
  • Unlimited Styling Options

Read More       Demo

PgwMenu : Responsive Menu plugin for jQuery

Looper js

Responsive Menu plugin for jQuery and Zepto.

Responsive Menu plugin for jQuery and Zepto.

Features:

  • Full customization with the CSS file included
  • Fully responsive navigation menu (desktop and mobile devices)
  • SEO compliant
  • Less than 2 KB (minified and gzipped)

Read More       Demo

Headhesive.js : An on-demand Sticky Header

Looper js

Headhesive.js creates an on-demand sticky header. Specify when you want your header to become fixed and the rest is magic.

Headhesive.js creates an on-demand sticky header. Specify when you want your header to become fixed and the rest is magic.

Read More       Demo

Engaged Social Navigation with jQuery

Looper js

Engaged social menu is free to use and is a super simple menu that can be easily integrated into any website including WordPress. Some of the beautiful icons from font awesome has been used to increase the beauty. Menu is meant for sites, that needs to preview their social status prominent and more visible to users.

Engaged social menu is free to use and is a super simple menu that can be easily integrated into any website including WordPress. Some of the beautiful icons from font awesome has been used to increase the beauty. Menu is meant for sites, that needs to preview their social status prominent and more visible to users.

Read More       Demo

Fixed Auto-Hiding Nav Bar with JavaScript

Looper js

Top navigation bars have always been popular in web design. Since these elements contain such vital information some designers like to keep them fixed on-screen while scrolling down the page. But unfortunately this can get in the way of content if the bar is too large. A popular online blogging platform Medium created an interesting method of hiding the bar when scrolling down and re-showing it when scrolling back up.

Top navigation bars have always been popular in web design. Since these elements contain such vital information some designers like to keep them fixed on-screen while scrolling down the page. But unfortunately this can get in the way of content if the bar is too large. A popular online blogging platform Medium created an interesting method of hiding the bar when scrolling down and re-showing it when scrolling back up.

Read More       Demo

Smart Fixed Navigation with CSS3 & jQuery

Looper js

A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It???s smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution.

A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It???s smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution.

Read More       Demo

JsMorph : JavaScript Motion framework

Looper js

jsMorph is a morphing ??? motion ??? tweening framework that knows what you need to do??? get going! It???s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

jsMorph is a morphing ??? motion ??? tweening framework that knows what you need to do??? get going! It???s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.

Read More       Demo

jQuery Slideout Menu

Looper js

We???ve created an elegant jQuery-powered animated slideout menu. We were inspired by the simple effect found at Outdated Browser and extended the menu to also work in a variety of places. Try it as a top menu, as well as a right-side menu. Let???s dive into some code and learn how to use this drop.

We???ve created an elegant jQuery-powered animated slideout menu. We were inspired by the simple effect found at Outdated Browser and extended the menu to also work in a variety of places. Try it as a top menu, as well as a right-side menu. Let???s dive into some code and learn how to use this drop.

Read More       Demo

contextMenu.js : jQuery Context Menu Plugin

Looper js

contextMenu.js is a plugin to create windows like context menu with keyboard interaction, different type of inputs ,trigger events and much more.

contextMenu.js is a plugin to create windows like context menu with keyboard interaction, different type of inputs ,trigger events and much more.

Features:

  • Use as simple popup or as a context menu. With some twick can be used for multi purpose.
  • Adjust position and size to fit in viewport.
  • Keyboard interaction.
  • Support different type of inputs (json, UL list).
  • Trigger Context menu with right-click, left-click,hover or any other mouse events.
  • Css outside of javascript so you can edit the look of menu.
  • Enable/disable options.
  • Optional icons for commands.
  • Lot of configurable options.
  • Submenus

Read More       Demo

On-Scroll Animated Header with CSS3 & jQuery

Looper js

We present the very popular fixed, on scroll animated header that changes it???s size and the orientation or visibility of the components within based on the user???s scroll action. As the user begins to scroll and engage with content, the header area is elegantly minimized to leave more of the viewport open for content.

We present the very popular fixed, on scroll animated header that changes it???s size and the orientation or visibility of the components within based on the user???s scroll action. As the user begins to scroll and engage with content, the header area is elegantly minimized to leave more of the viewport open for content.

Read More       Demo

Zetta Menu : jQuery Mega Menu

Looper js

Zetta Menu is jQuery mega menu plugin.

Zetta Menu is jQuery mega menu plugin.

Features:

  • Mega menu comes with CSS3 animations.
  • Over 430 Icons (Font Awesome)
  • It is fully responsive and have 3 mobile versions.
  • Different layouts: horizontal top and bottom, vertical right and left.
  • 3 ways of drop down (hover, click, toggle)
  • 12 column grid system.
  • 6 different templates with unlimited color schemes.

Read More       Demo

Menu Transition In Effects with jQuery

Looper js

This one here is something I thought of after seeing the surge in popularity with push in side menus. I???ve seen a couple websites use menu transition to animate the menu items as they appear. Here I will show a simple effect of making the menu links stack upwards. The second effect I created is a Metro inspired menu that stacks upwards but uses random delays to make it look unique every time.

This one here is something I thought of after seeing the surge in popularity with push in side menus. I???ve seen a couple websites use menu transition to animate the menu items as they appear. Here I will show a simple effect of making the menu links stack upwards. The second effect I created is a Metro inspired menu that stacks upwards but uses random delays to make it look unique every time.

Read More       Demo

jQuery WikiNav

Looper js

WikiNav is a jQuery plugin to create a wiki-style menu from all existing headings on your page. With few lines of JavaScript code you can achieve an elegant menu for your documentation.

WikiNav is a jQuery plugin to create a wiki-style menu from all existing headings on your page. With few lines of JavaScript code you can achieve an elegant menu for your documentation.

Features:

  • Easy Setup
  • Full jQuery & css compatible
  • Responsive Design
  • Animated Scroll To

Read More       Demo

jQuery Bootstrap Auto-Hiding Navbar

Looper js

jQuery Bootstrap Auto-Hiding Navbar is an extension for Bootstrap???s fixed navbar which hides the navbar while the page is scrolling downwards and shows it the other way. The plugin is able to show/hide the navbar programmatically as well.

jQuery Bootstrap Auto-Hiding Navbar is an extension for Bootstrap???s fixed navbar which hides the navbar while the page is scrolling downwards and shows it the other way. The plugin is able to show/hide the navbar programmatically as well.

Read More       Demo

NOO Menu ??? WordPress Mega Menu Plugin

Looper js

NOO Menu is a revolutionary menu plugin that allows you to customize almost everything in a super interactive and intuitive admin interface.

NOO Menu is a revolutionary menu plugin that allows you to customize almost everything in a super interactive and intuitive admin interface.

Read More       Demo

Smart Demo-bar with jQuery & CSS3

Looper js

Smart Demo-Bar is plugin made for developers that need Demo-Bar or theme switcher for responsive theme, smart Demo-Bar would be shown on top of page, allow users to preview another theme to test his responsive design.

Smart Demo-Bar is plugin made for developers that need Demo-Bar or theme switcher for responsive theme, smart Demo-Bar would be shown on top of page, allow users to preview another theme to test his responsive design.

Smart Demo-Bar can work on smaller screens, and it will work on mobile devices browsers that support jQuery and CSS3.

Read More       Demo

jQuery Full Page Menu

Looper js

A jQuery plugin that let you Create a full page, Fully Animated Menu with CSS3 for your Navigation.

A jQuery plugin that let you Create a full page, Fully Animated Menu with CSS3 for your Navigation.

Read More       Demo

jQuery Animated Page scroll to Id

Looper js

Page scroll to id is an easy-to-use jQuery plugin that enables animated page scrolling to specific id within the document. The plugin replaces the default browser behaviour of ???jumping??? to page sections when links with href value containing # are clicked, by smoothly animating the page to those sections.

Page scroll to id is an easy-to-use jQuery plugin that enables animated page scrolling to specific id within the document. The plugin replaces the default browser behaviour of ???jumping??? to page sections when links with href value containing # are clicked, by smoothly animating the page to those sections.

Features:

  • Auto-adjustable animation speed
  • Advanced animation easings
  • Vertical and/or horizontal scrolling
  • Links and targets highlighting via ready-to-use classes
  • Auto-adjustable Scroll-to position
  • Advanced scroll-to position offset (by pixels, by element selector, link specific offsets etc.)

Demos:

horizontal layout, auto layout, dynamic content example, example with jquery.address, example with jquery-hashchange

Read More       Demo

jQuery Push Scroll Menu

Looper js

An easy to use push menu that has infinite scrolling with jQuery. Designed to be lightweight and easy to customize.

An easy to use push menu that has infinite scrolling with jQuery. Designed to be lightweight and easy to customize.

Read More       Demo

ScrollNavi.js : Scroll Navigation jQuery component Plugin

Looper js

ScrollNaviJs is jquery plugin for fix navigation on top after scroll second section content, actually navigation fix in bottom of browser when we are in first section content.

ScrollNaviJs is jquery plugin for fix navigation on top after scroll second section content, actually navigation fix in bottom of browser when we are in first section content.

Read More       Demo

MeanMenu : jQuery Responsive Menu plugin

Looper js

A menu system for converting a standard menu into a mobile/tablet responsive menu, media query independent.If you are looking for drop down functionality on the desktop, MeanMenu doesn???t do it. Use Superfish as well as MeanMenu.

A menu system for converting a standard menu into a mobile/tablet responsive menu, media query independent.If you are looking for drop down functionality on the desktop, MeanMenu doesn???t do it. Use Superfish as well as MeanMenu.

Read More       Demo

Slidebars : jQuery plugin App-style revealing Sidebars

Looper js

Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing, overlaying, push menus and sidebars into your website.

Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing, overlaying, push menus and sidebars into your website.

Read More       Demo

Responsive Bootstrap MegaMenu with jQuery & CSS3

Looper js

Mega Menus allow you to see all the features available to the user at one shot and dont require users to drill down into further sub navigation as needed.
Bootstrap Megamenu are common on e-commerce sites because they typically include a lot of categories of different products, and so megamenu can be always very useful for visitors & users.

Read More       Demo

jQuery MegaKrill : Compact navigation for mobile devices

Looper js

jQuery MegaKrill is a compact navigation for mobile devices and responsive layouts!.Resize the browser window in demo page to see the plugin(s) in action.

jQuery MegaKrill is a compact navigation for mobile devices and responsive layouts!.Resize the browser window in demo page to see the plugin(s) in action.

Read More       Demo

Navgoco : jQuery Multi-level slide navigation & Accordion effect

Looper js

Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded sub-menus between sessions by using cookies and optionally act as an accordion menu.

Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded sub-menus between sessions by using cookies and optionally act as an accordion menu.

Read More       Demo

Puerto ??? CSS3 Responsive Mega Menu

Looper js

Puerto ??? Responsive Mega menu: is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. Menu has two similar layout and eight colors, each theme can be used separately without any connection with the others. Menu is responsible and adapts to the screen of the device(computer monitor, tablet, mobile phone???). Menu also has five different animation.

Puerto ??? Responsive Mega menu: is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. Menu has two similar layout and eight colors, each theme can be used separately without any connection with the others. Menu is responsible and adapts to the screen of the device(computer monitor, tablet, mobile phone???). Menu also has five different animation.

Read More       Demo

Fluid Menu to Overlay Content CSS3 Animations

Looper js

I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we???re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To explain this subject, we will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS ??? no javascript timeout() here.

I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we???re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To explain this subject, we will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS ??? no javascript timeout() here.

Read More       Demo

Pikabu : jQuery Off-Canvas flyout menu

Looper js

Pikabu is a speedy, flexible framework for off-canvas flyout panels.Momentum scrolling in sidebars and smart fallbacks for browsers that don???t support it.

Pikabu is a speedy, flexible framework for off-canvas flyout panels.Momentum scrolling in sidebars and smart fallbacks for browsers that don???t support it.

Read More       Demo

jQuery Hover Dropdown box

Looper js

The jQuery plugin that provides interactive drop-down list box.

The jQuery plugin that provides interactive drop-down list box.

Read More       Demo

Pagescroll : jQuery animated scroll Menu

Looper js

Create animated scroll menu with jQuery

Create animated scroll menu with jQuery

Features:

  • vertical or horizontal display
  • absolute, fixed or inline styles
  • left, right, top or bottom aligns
  • configurable background color, font sizes, colors also configurable via CSS
  • smooth animation during pagescroll
  • fade in / fade out effect when user scrolling

Read More       Demo

jQuery ReSmenu ??? Select based Responsive menu

Looper js

jQuery ReSmenu is a very simple and lightweight (~1Kb) jQuery plugin that collapse ul menus into selects on responsive layouts.

jQuery ReSmenu is a very simple and lightweight (~1Kb) jQuery plugin that collapse ul menus into selects on responsive layouts.

Read More       Demo

Tocible : jQuery Plugin for Table of contents Navigation Menu

Looper js

Tocible creates a table of contents navigation menu that animates anchoring on click and follows the user scrolling.

Tocible creates a table of contents navigation menu that animates anchoring on click and follows the user scrolling.

Read More       Demo

Fixtop : jQuery plugin to fix DOM element to the Top

Looper js

A jQuery plugin to fix DOM element to the top when a page scrolls to its position.

A jQuery plugin to fix DOM element to the top when a page scrolls to its position.

Read More       Demo

CSS Drawer menu : Pure CSS Responsive Menu

Looper js

An ultra light mobile side ???drawer??? menu in pure css.

  • Responsive
  • Percentage based!
  • ULTRA Lightweight!
  • PURE CSS! (2kb uncompressed)

Read More       Demo

jRMenuMore ??? jQuery plugin for Responsive Menu with More Option

Looper js

jRMenuMore is a jQuery plugin for Responsive Menu or Navigation Bar with More option.

Read More       Demo

CMD Bomsect ??? jQuery Fullscreen Overlay Menu styles

Looper js

CMD Bomsect ??? fullscreen overlay menu styles ??? easy to use cross-browser and mobile ready fullscreen menu overlays animation. Menu easy to install and change, file includes 12 different animations and 5 additional colors of background.

Read More       Demo

jQuery ListNav Plugin

Looper js

Add a slick ???letter-based??? navigation bar to all of your lists. Click a letter to quicky filter the list to items that match that letter. I fixed it so that its compatible with jQuery 1.4.X Original plugin by iHWY.

Read More       Demo

FH Mega Menu ??? jQuery Bootstrap 3 Mega Menu Plugin

Looper js

The FH Mega Menu is a jQuery based Bootstrap 3.0+ mega menu plugin compatible with all mobile devices and modern web browsers.

  • 100% Responsive Layout Design
  • 100% Twitter Bootstrap 3.0+ Based
  • Unlimited Color Schemes
  • 3 Easy Step to Installation to any Web Projects
  • Detailed Documentation for ???How to???
  • Flexible and 100% Bootstrap Columns Grid
  • Font Awesome Icons Included
  • Responsive Video and Google Map Integrated (Fitdivjs)

Read More       Demo

Pushy : jQuery Off-Canvas Navigation Menu

Looper js

Pushy is a jquery responsive off-canvas navigation menu using CSS transforms & transitions.

  • Uses CSS transforms & transitions.
  • Smooth performance on mobile devices.
  • jQuery animation fallback for IE 7 ??? 9.
  • Menu closes when a link is selected.
  • Menu closes when the site overlay is selected.
  • It???s responsive!

Read More       Demo

Side Navigation Menu with CSS3

Looper js

Side Navigation Menu with CSS3 transition property & without JS.We have a


UberPanel ??? jQuery Sliding Panel Plugin for WordPress

Looper js

UberPanel is a plugin which adds a widgetised sliding panel to any WordPress theme. It provides you with an unobtrusive way to add additional space to your theme.

  • Unobtrusively adds more space to your WordPress theme
  • Supports WordPress widgets (four horizontal columns and one vertical)
  • Choose from the left (off-canvas) panel or the top position
  • Choose colours for the button & border, or the optional pre-defined style
  • Works beautifully on all modern devices

Read More       Demo

Slinky.js : jQuery plugin for Scrolling navigation component for web apps

Looper js

Slinky.js is a jQuery plugin for creating beautiful scrolling navigation lists with stacking headers.Create beautiful scrolling driven navigation lists with stacking headers that remain visible at all times.

  • Smooth scrolling by disabling pointer events
  • Lightweight at around 1KB minified
  • Refreshes on window resize and DOM mutation
  • Compatible with the latest version of your favorite browser

Read More       Demo

jQuery PopMenu Plugin

Looper js

A simple responsive popup menu, it???s a jQuery plugin.

Read More       Demo

Smart (Auto-Hiding) Website Header & Footer using jQuery

Looper js

There are plenty of reasons for using a sticky header navigation in your website. It provides easy access for top-priority links, plus a way back to the homepage from anywhere on the site. However problems may arise when you have a navigation bar which blocks some of the page content.

There are plenty of reasons for using a sticky header navigation in your website. It provides easy access for top-priority links, plus a way back to the homepage from anywhere on the site. However problems may arise when you have a navigation bar which blocks some of the page content.

In this tutorial I want to demonstrate how we can build a locking header bar which will auto-hide itself after scrolling down the page. Also when scrolling to the very bottom we will display a small footer which includes many of the same nav links.

Read More       Demo

Wayout : jQuery CSS3 Responsive Menu

Looper js

Wayout Menu is a responsive menu written with Bootstrap 2.3.1, jQuery and CSS3. CSS transitions are used for navigation level openings.

Wayout Menu is a responsive menu written with Bootstrap 2.3.1, jQuery and CSS3. CSS transitions are used for navigation level openings.

Features:

  • Responsive design (Menu items are not responsive, but a sliding sidebar panel is added for devices that use smaller screen sizes
  • Full width & Boxed versions
  • Sliding Sidebar (with 6 different opening effects)
  • 9 different color swatches
  • Descriptive Theme Customizer
  • Login Box, Shopping Cart Box, Search Box

Read More       Demo

Shifter : jQuery plugin for simple slide-out mobile navigation

Looper js

Shifter is a jQuery plugin for simple slide-out mobile navigation.Shifter works by checking for target elements in the DOM and binding events to them. This allows you to markup and style pages anyway you???d like, but at a minimum you need three specifically classed elements.

Shifter is a  jQuery plugin for simple slide-out mobile navigation.Shifter works by checking for target elements in the DOM and binding events to them. This allows you to markup and style pages anyway you???d like, but at a minimum you need three specifically classed elements.

Read More       Demo

Square Menu using jQuery & CSS3

Looper js

Square menu, as you can see from the name, is a plugin that let you add a similar animated menu that you see on the new Square website. I???ve also added additional animations, add various browsers support and provide options for you to play around with.

Square menu, as you can see from the name, is a plugin that let you add a similar animated menu that you see on the new Square website. I???ve also added additional animations, add various browsers support and provide options for you to play around with.

Read More       Demo

jQuery UI Context Menu

Looper js

jQuery plugin that turns a jQueryUI menu widget into a context menu.

jQuery plugin that turns a jQueryUI menu widget into a context menu.

  • Define menus from <ul> element or definition list (i.e. [{title: "Paste", cmd: "paste"}, ...]).
  • Themable using jQuery ThemeRoller.
  • Supports delegation (i.e. can be bound to elements that don???t exist at the time the context menu is initialized).
  • Exposes events from jQueryUI menu: blur, create, focus, select.
  • Optional support for touch devices.

Read More       Demo

Mashable Style Ajax Drop Down Menu using PHP, Mysql & jQuery

Looper js

Everyone knows that Mashable is the world???s largest independent website dedicated to news, information, technology and resources for the connected generation. Now I am going to explain you about how to create mashable style dynamic drop down menu using Php, Mysql & jQuery Ajax.In mashable, you can able to see all posts from the category from their header drop down menu.

Everyone knows that Mashable is the world???s largest independent website dedicated to news, information, technology and resources for the connected generation. Now I am going to explain you about how to create mashable style dynamic drop down menu using Php, Mysql & jQuery Ajax.In mashable, you can able to see all posts from the category from their header drop down menu.

Read More       Demo

Easy As Pie ??? jQuery CSS3 Responsive Navigation

Looper js

An easy to use, CSS3/jQuery Responsive Navigation built on the Superfish menu and HTML5. This was developed in part because of the lack of nested responsive menus.

An easy to use, CSS3/jQuery Responsive Navigation built on the Superfish menu and HTML5. This was developed in part because of the lack of nested responsive menus.

Included:

  • Modernizr for IE6-8
  • Superfish Menu
  • HoverIntent plugin
  • Data image fallback for lack of png support for IE7
  • Arrow image for IE6 menus

Read More       Demo

CSS3 Perspective Page View Navigation

Looper js

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.

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.

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. We???ve experimented a bit and we???ve come up with a small set of effects that take the page and move it in 3D to reveal a navigation (or some other content if you like). What???s nice about this is that we literally put the site into perspective, allowing for an interesting view on the content and the navigation possibilities.

Read More       Demo

jQuery Bootstrap-style Dropdowns

Looper js

Bootstrap-style dropdowns in jQuery with some added features and no dependencies.

Bootstrap-style dropdowns in jQuery with some added features and no dependencies.

One of my favorite Boostrap plugins is dropdowns, but I had a bit of difficulty getting started with them. The docs say you can apply a dropdown to nearly any element, but they really seem to work best with Bootstrap???s navbar, tab, and pill components. Since I was retrofitting an app that was around long before Bootstrap, this wasn???t going to work for me. That and I was hoping to get a scrollable dropdown (with tips!) and a few other features out of the deal. Thus, this plugin was born.

Read More       Demo

headroom.js : Hide your header until you need it

Looper js

Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user???s scroll. The header on demo site is a living example, it slides out of view when scrolling down and slides back in when scrolling up.Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time.

Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user???s scroll. The header on demo site is a living example, it slides out of view when scrolling down and slides back in when scrolling up.Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time.

Read More       Demo

jQuery CSS3 Slider Timeline Menu

Looper js

Learn to create a slider timeline menu with CSS3 animations. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.You can click on each link as well and it will smooth scroll along with adjusting the dial to the selected section. I liked this idea and took it a step further with giving each section a color. The slider background color will fade to the selected section???s color.

Learn to create a slider timeline menu with CSS3 animations. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.You can click on each link as well and it will smooth scroll along with adjusting the dial to the selected section. I liked this idea and took it a step further with giving each section a color. The slider background color will fade to the selected section???s color.

Read More       Demo

jQuery Fly Side Menu

Looper js

Fly Side Menu is a script that will recreate the impressive animation you see on Airbnb???s new iOS7 app using jQuery and CSS3. In additional to that, I???ve also added a few more options for you guys to play around with.

Fly Side Menu is a script that will recreate the impressive animation you see on Airbnb???s new iOS7 app using jQuery and CSS3. In additional to that, I???ve also added a few more options for you guys to play around with.

Read More       Demo

Wonderful CSS3 Flat Menu

Looper js

  • Pure CSS3
  • Full responsive
  • Clean flat design
  • Multilevel dropdown menu
  • 17 Preset color schemes
  • Multi-column content
  • Left or right item alignment
  • Fullwidth dropdown
  • Font Awesome icons
  • Well documented

Read More       Demo

Jeegoocontext : jQuery ContextMenu plugin

Looper js

Jeegoocontext is a jQuery plugin that allows for multiple custom contextmenus (pop-up menus) to exist on a single page. The plugin is able to transform any unordered list appended to the body into a multi-level, intelligently positioned styled contextmenu via a single call.

Jeegoocontext is a jQuery plugin that allows for multiple custom contextmenus (pop-up menus) to exist on a single page. The plugin is able to transform any unordered list appended to the body into a multi-level, intelligently positioned styled contextmenu via a single call.

Read More       Demo

jQuery Full Page Navigation

Looper js

jQuery Full Page Navigation is a simple script that let you create a full page navigation (navigation shown as columns) dynamically with one JS call. You can define how your navigation will be divided, how fast/slow the animation will be and many more features.

jQuery Full Page Navigation is a simple script that let you create a full page navigation (navigation shown as columns) dynamically with one JS call. You can define how your navigation will be divided, how fast/slow the animation will be and many more features.

Read More       Demo

stickUp : jQuery Plugin to ???sticks??? an Element

Looper js

stickUp is a jQuery plugin, which you can implement on any webpage alongside jQuery. You can easily make any element, on any page, stick to the top of the browser window as the user scrolls past it. This feature is excellent for navigation menus, logos and/or contact information, which you may want the user to see at all times.

stickUp is a jQuery plugin, which you can implement on any webpage alongside jQuery. You can easily make any element, on any page, stick to the top of the browser window as the user scrolls past it. This feature is excellent for navigation menus, logos and/or contact information, which you may want the user to see at all times.

Read More       Demo

jQuery Bootstrap-style Dropdowns

Looper js

One of my favorite Boostrap plugins is dropdowns, but I had a bit of difficulty getting started with them. The docs say you can apply a dropdown to nearly any element, but they really seem to work best with Bootstrap???s navbar, tab, and pill components. Since I was retrofitting an app that was around long before Bootstrap, this wasn???t going to work for me. That and I was hoping to get a scrollable dropdown (with tips!) and a few other features out of the deal. Thus, this plugin was born.

One of my favorite Boostrap plugins is dropdowns, but I had a bit of difficulty getting started with them. The docs say you can apply a dropdown to nearly any element, but they really seem to work best with Bootstrap???s navbar, tab, and pill components. Since I was retrofitting an app that was around long before Bootstrap, this wasn???t going to work for me. That and I was hoping to get a scrollable dropdown (with tips!) and a few other features out of the deal. Thus, this plugin was born.

While the appearance of these dropdowns is almost identical to those of Bootstrap???s, it???s important to note that JavaScript for this plugin was developed entirely from scratch. Some CSS was borrowed, however, especially for generating those gorgeous tips.

Read More       Demo

MetNav 2 : Another jQuery Metro UI navigation menu

Looper js

MetNav 2 is jEffectBox???s 2nd jQuery navigation menu plugin based on Window 8 Metro theme. It???s very lightweight and looks good on almost all major browsers and devices. It???s a Windows 8 Tile base navigation menu which supports unlimited sub menus. It supports responsive design and works well on touch devices.This plugin is dedicated to all Metro lover in the world.

MetNav 2 is jEffectBox???s 2nd jQuery navigation menu plugin based on Window 8 Metro theme. It???s very lightweight and looks good on almost all major browsers and devices. It???s a Windows 8 Tile base navigation menu which supports unlimited sub menus. It supports responsive design and works well on touch devices.This plugin is dedicated to all Metro lover in the world.

Features:

  • Supports unlimited number of sub-menus.
  • Supports responsive design.
  • Looks good in almost all major browsers and devices.
  • Very easy to integrate to any website.
  • Full documentation included.
  • Very lightweight, only 3kb of JavaScript (minified version is 2kb).
  • Control appearance through CSS, so it can be restyled.
  • Supports touch devices.

Read More       Demo

jQuery Jump To : Create a smooth jump to Sub Navigational Menu

Looper js

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.

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.

Read More       Demo

Naver : jQuery plugin for responsive navigation

Looper js

Naver is an easy way to turn any navigation system into a responsive-ready, mobile-friendly toggle.

Naver is an easy way to turn any navigation system into a responsive-ready, mobile-friendly toggle.

Read More       Demo

FullPaged: A Single Paged Layout jQuery Plugin with UI Animations

Looper js

Single page layouts are taking off in a big way. It seems as if every product page nowadays is single paged, so I thought I???d have a little spin at it with this jQuery plugin. This allows you to create single paged layouts with a few optional custom UI elements such as fold up menus.

Single page layouts are taking off in a big way. It seems as if every product page nowadays is single paged, so I thought I???d have a little spin at it with this jQuery plugin. This allows you to create single paged layouts with a few optional custom UI elements such as fold up menus.

I???ve tested this on most major platforms and browsers and it seems to work fine on all of them. The idea is simple, it lets you make a quick single page layout and gives you the option of some UI effects, such as disappearing pieces of image to reveal menus. I???ve also added some options to disable all that if it???s not for you. How does it work? Well let???s have a look.

Read More       Demo

Dropmenu : jQuery Multi-level dropdown menu for Buttons

Looper js

Multi-level dropdown menu for buttons. Supports any HTML for items, multiple combined sync/async datasources.

Multi-level dropdown menu for buttons. Supports any HTML for items, multiple combined sync/async datasources.

Read More       Demo

Jet : jQuery CSS3 Responsive Megamenu

Looper js

Jet Responsive Megamenu is a menu component based in CSS and Javascript code. It can be used like a dropdown navigation, megamenu navigation or both. It???s has a responsive and fluid layout.

Jet Responsive Megamenu is a menu component based in CSS and Javascript code. It can be used like a dropdown navigation, megamenu navigation or both. It???s has a responsive and fluid layout.

Features:

  • 14 Styles
  • Responsive
  • Collapsible
  • Javascript/CSS effects
  • Grid system
  • Cross browser
  • Easy to use

Read More       Demo

Animated Border Menus with CSS3 & JavaScript

Looper js

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.The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something like that and provide some more inspirational examples.

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.The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something like that and provide some more inspirational examples.

Please note that we???ll be using transitions and animation on pseudo-elements which won???t work in some browsers (e.g. Safari and Mobile Safari).

Read More       Demo

SlickNav : jQuery Responsive Mobile Menu Plugin

Looper js

Responsive Mobile Menu jQuery Plugin.

Responsive Mobile Menu jQuery Plugin.

Features:

  • Supports with multi-level menus
  • Flexible, simple markup
  • Cross-browser compatibility
  • Keyboard Accessible
  • Degrades gracefully if javascript disabled
  • Creates ARIA compliant menu

Read More       Demo

jQuery CSS3 Modern Menu 3

Looper js

Modern Menu 3 is a clean, modern and easy to use menu. It has a number of features that make it both useful and compelling:

Modern Menu 3 is a clean, modern and easy to use menu. It has a number of features that make it both useful and compelling:

  • It has a clean and attractive design.
  • It offers both a horizontal and a vertical layout.
  • It comes with 8 different themes to choose from.
  • The look is completely customizable.
  • It supports multilevel dropdowns.
  • It has smooth and attractive animations for the buttons as well as the dropdowns.
  • It uses CSS animations for better performance.
  • It has a jQuery animation fallback for browsers that do not support CSS animations.

Read More       Demo

Context.js : jQuery Contextual Menus with Twitters Bootstrap CSS

Looper js

Context.js is a lightweight solution for contextual menus. Currently, there are two versions.

Context.js is a lightweight solution for contextual menus. Currently, there are two versions.

The first is to be used with Twitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it???s base styles.

Features:

  • Linted: Valid JS
  • Can be used with or without Twitters Bootstrap.css
  • Event Based Links
  • Anchor Links
  • Headers
  • Dividers
  • Recursive Menus (infinite depth)
  • Vertical Space Detection (turns into a ???dropup???)
  • Horizontal Space Detection (Drops to the left instead of right)
  • Add/Delete menus Dynamically

Read More       Demo

Animate to Hide and Slide Content with jQuery

Looper js

In this tutorial I want to demonstrate how we can build a similar interface using jQuery animation. These codes are fairly basic and should work in any fixed-style website layout. This type of design leaves room for hidden content, along with main content cascading down the page.

In this tutorial I want to demonstrate how we can build a similar interface using jQuery animation. These codes are fairly basic and should work in any fixed-style website layout. This type of design leaves room for hidden content, along with main content cascading down the page.

Ideally we will be using jQuery animations powered by jQuery UI easing effects. I have created a live example with the navigation bar fixed onto each corner of the webpage. Check out some of my demos and see if this interface could work well in any upcoming design projects.

Read More       Demo

jQuery Wheel Menu

Looper js

Wheel Menu is a small jQuery plugin that will add a fully customisable Path-like wheel menu button to your website.

Wheel Menu is a small jQuery plugin that will add a fully customisable Path-like wheel menu button to your website.

Read More       Demo

jQuery Wah-Menu

Looper js

Features:

Features:

  • Easy to use.
  • Works on any page.
  • Perfect for Ipad navigation.
  • Docking main menu ??? push/show sub-menu.
  • Sub-menu fully scrollable.
  • Custom scrollbars on sub-menu containers.
  • Accent selected and tooltip colors.
  • One level media sub-menu items.
  • Dock menu on page load to give the user more page room.
  • Social media icons.
  • 230+ Entypo Icons used for menu icons.
  • Submenu header and descriptions.
  • Custom menu logo area that resizes on window resize.

Read More       Demo