145 JQuery Sliding Plugins

Pushbar.js is a tiny javascript plugin for creating sliding drawers in web apps It is fully customizable and dependency free.You can use it as sidebar menus or option drawers. .....
Core Java Script Menus

A simple light-weight jQuery plugin that makes a <div> (or another block element) moving from outside the page to one side of your choice when scrolling to a specific point.uses .animate() with callback functionall direction.....
Animation Plugins

Nest is a wordpress plugin that adds animated fly-out panels to any website.Whether it’s text, video, images, forms, shortcodes or any other type of content, Nest allows you to display it in massively customizable fly-out pa.....
Plugins Popup Window Premium Wordpress

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 browser.....
Animation CSS Menus Plugins Premium Responsive

A simple portfolio template, with project preview images that slide out to reveal the selected project. .....
Animation CSS Gallery

Dual sliding panels for presenting content in a fun way. Built with Stylus and vanilla JavaScript. .....
Animation Core Java Script CSS Gallery

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. .....
Menus Plugins Responsive

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.ResponsiveWorks with a maskSupports scrollbar if content siz.....
Menus Plugins

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 snip.....
CSS Menus Responsive

Today we’d like to show you how to create a simple grid layout with a special header effect. The idea is to initially show a fullscreen image with a title and a toggle button that allows to change the view to a grid. The header .....
CSS

SilverTrack is a jQuery plugin designed to be extensible through other plugins. It has a small core and comes with very useful plugins. .....
Carousel Plugins Responsive

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.Features:Unobtrusively adds more space to your WordPress themeSuppor.....
Menus Plugins Premium Responsive Wordpress

jQuery plugin Sliding a div over other div on mouse hover.Move the cursor arround the image bellow to make other side of the display item appear which is hidden with the effect of sliding that is where the power of Sliding Pop Hov.....
Plugins

Today we’d like to share an interesting layout with you. You might have seen it already on Skybox or on the website of Lotta Nieminen. It’s a layout where we see the main section in the middle and part of the previous and next.....
Core Java Script CSS Slider

SimpleSlideView is a nifty little jQuery or Zepto plugin for the simplest of sliding views.This plugin was designed to work well with non-fixed layouts, which means it can be helpful to scroll to the top of the window or containe.....
Menus Plugins Responsive

In this tutorial we will create an actions menu with jQuery that appears when checkboxes are selected. This can be a very helpful UI property since we don’t force the user to scroll to the place where the actions are – they ju.....
Forms Menus

jQuery.mmenu is a slick plugin that brings the same behavior into any -mobile- web layout. It transforms unordered lists with unlimited sub-lists into menu items and has multiple options for customization. .....
Menus Plugins Responsive

In this tutorial, we will learn to scroll your web content vertically, horizontally and plus diagonally! Don’t worry, we won’t rely on javascript too much, we will use css/html for the layout and javascript only do the.....
Slider

A simple jquery sliding plugin, supporting responsive design, keyboard and touch navigation.Features:AutoPlay SlideshowKeyboard slide navigationMouse slide navigationPrev/next button navigationRepeat when last slide is reachedPlay.....
Plugins Responsive Slider

A sliding door effect can be used what the site offer. About a week ago I visited a site called auroraos, on the first page I see a nice sliding image gallery on the front page, it used JQuery to creating the effect, it like a ver.....
Accordion Gallery

The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. The SlidingGallery plug-in will take a group of images and t.....
Plugins Slider

jqPuzzle lets you easily create sliding puzzles for your web page. Select an image, put it in your page, and add some magic – jqPuzzle will automagically turn it into a full-blown sliding puzzle! If you want, you can highly cust.....
Games

Consider a situation where you include your blog categories in a navigation menu. If you have a long category list, a drop down navigation menu will exceed the page height and the user might need to scroll to navigate to the last .....
CSS Menus

Revolver is a jQuery plugin for creating full screen sliding websites. It can be integrated into any website template.FEATURES • Scroll bar support • Browser’s back and forward buttons support • Fix the scroll of exit page.....
Plugins Premium Web

A jQuery Plugin that makes it easy to display sliding notifications on your website or in your web application.It offers flexible positioning options, support for Ajax, CSS hooks, and more.Features:Fire the notification once the u.....
Ajax Plugins Web

The concept behind the sliding boxes and captions is pretty easy. Check out the demo below to see what’s going on. There is a div with a border and shadow which contains an image. On top of the image there is a div (the caption).....
Web

PushUp Content Bar is a smart and quick Sliding Content Bar jQuery Plugin that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushU.....
Plugins Web

After getting the request, we are going to show you how to create a “slide-in on scroll” jQuery effect. You’ve probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed.....
Animation CSS Gallery

Today I am going to show you how to create sliding image cell effect in jQuery. This is will something like small photo gallery. I prepared 3 demos for you with different effects. Please pay attention that our demo will work in br.....
Animation CSS Gallery

In this tutorial, I will show you how to create an interesting jQuery-powered one-page site. One page sites are usually a great way to show your prospective clients how good you are at what you do. This one is no exception. .....
Animation CSS Menus Web

Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When n.....
Accordion Gallery Menus Slider

Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu wil.....
Animation CSS Gallery Menus Web

Today we have a neat little effect for you. We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. The aim is to slide in letter by letter when hovering over a link element.....
Animation CSS Plugins

This is a jQuery plugin that makes a beautiful sliding menu with pictures. .....
Animation Gallery Menus Slider

So, what about a vertical sliding panel that would act as some sort of drawer instead of the usual top horizontal sliding panel that pushes everything else down when it opens? While thinking of alternatives to the usual horizonta.....
CSS Slider Web

Among other things, JQuery is very useful for an easy manipulation of the CSS background-position property. This tutorial is a perfect example to illustrate that possibility. Althought this menu is not, in my opinion, the best l.....
CSS Menus

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery. Since i didnt find it after a small research i decided to build it by my self. .....
Gallery Plugins Slider

Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news. .....
CSS Slider Tabs Web

We are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldset.....
CSS Forms Slider Tabs

A pretty nice sliding menu written in jQuery/CSS that slides out from the toggle button and transforms the hamburger button into a close button when toggled......
sliding-menu

The kpopup plugin creates minimal clean panels sliding out from the edge of the screen to show site navigation, notification messages, discount information or anything you can imagine......
popup sliding-panel

A jQuery and CSS extension for Bootstrap 4 framework that adds a smooth sliding animation to Bootstrap 4 dropdown menus using CSS3 transitions and transforms......
Bootstrap bootstrap-4

Mmenu is a super simple jQuery plugin for creating slick and app-like sliding menus for your mobile website,all with an unlimited amount of submenus......
side-menu mobile-menu Off-Canvas-menu

jToast.js is a really small and CSS-less jQuery toaster plugin which lets you create Android-style toast messages sliding out from the right side of the screen......
Notification toast-message

flyout_menu.js is a jQuery plugin to create a floating side tab that reveals a side panel sliding from the right or left of the screen when toggled......
side-menu sliding-menu

The jQuery dockPanel plugin lets you create off-canvas side panels sliding from the left or right of the screen when toggled. Ideal for app-style revealing navigation for your web app......
side-menu off-canvas-menu

The jquery.notify.js plugin provides an easy way to display informational messages as a notification bar sliding out from the top of the webpage......
Notification Notification-bar

tabSlideOut is a lightweight jQuery plugin that slides out a sliding panel when clicking the tab on the web page......
slide sliding slide-out

The jQuery dialogRight plugin helps you create an off-canvas, full-height dialog panel sliding from the right side of the screen when triggered......
confirm Dialog

A jQuery & CSS based semantic slide menu which enables a trigger button to toggle a list of stacked menu items with a smooth sliding animation......
toggle-menu side-menu

ggContentMenu is a jQuery plugin for creating mobile-compatible, SEO-friendly, multi-level off-canvas navigation with slide & fade animations......
mobile-menu off-canvas-menu

The mln_menu.js jQuery plugin helps you create a sliding drawer which can be used for revealing an off-canvas sidebar navigation on your cross-platform webpage......
Off-Canvas-menu drawer

Slide Menu is a variant of the Swipe Menu plugin that reveals the off-canvas navigation overlaying the main content instead of pushing it to the right......
side-menu off-canvas-menu overlay-menu

myAlert.js is a lightweight notification library for jQuery that makes it easier to create elegant, sliding, customizable notifications and alerts on the page......
Notification alert toast-message growl-notification

Sliding Menu is a fully responsive jQuery plugin used to create a mobile App style sliding navigation menu that has nested ul based multi-level functionality......
Drill-Down-Menu

full-modal is a jQuery plugin to create a configurable, responsive, fullscreen modal window that slides out from the edge of the screen just like the off-canvas sidebar......
Modal

A small jQuery script that takes advantage of CSS3 transitions to create a magic line effect on your navigation menu on hover......
sliding-menu

The boxSlider jQuery plugin makes use of CSS3 transitions to create a configurable sliding overlay effect over a given container on cursor hover......
hover Hover-Effect

A simple lightweight javascript plugin used to create side menus/panels that smoothly slide out from the edge of your screen when toggled......
Bootstrap side-menu push-menu sliding-menu

miniNotif is an extremely lightweight (1kb) jQuery plugin for creating sliding, non-blocking notification messages with custom text, colors and icons......
Notification

takeitover.js is a simple, CSS-less jQuery modal plugin created for showing a sliding fullscreen popup window to present your web content......
Modal popup

simpleToggler is a lightweight jQuery plugin that transforms the normal checkbox inputs into animated, easy-to-custom toggle switches......
Switch Toggle-Button

slidein.js a simple yet customizable jQuery/jQuery UI widget for an overlay panel (with a grab handle) that slides in and out from any dock......
jQuery-UI sliding-panel

InlineNav is a jQuery plugin used to generate a user-friendly, drilldown-style, multi-level inline sliding navigation menu from nested html lists......
Drill-Down-Menu

A small jQuery side menu plugin used to create smoothly sliding, multi-level, off-canvas navigation for your web applications......
mobile-menu side-menu Off-Canvas-menu

slidePanel is a jQuery plugin to create simple slide-in panels which allows you to quickly show side content like off-canvas menu, sliding sidebar, etc......
side-menu off-canvas-menu sliding-panel

The KNResponsiveMenu jQuery plugin provides the responsive fullscreen toggle menu and back to top functionality for your long webpage......
side-menu Back-to-top scroll-to-top mobile-menu responsive-menu

A minimal, mobile-first navigation plugin for jQuery that lets you create a responsive, fullscreen, sliding, drilldown menu-style navigation for your mobile webpage & webapp......
mobile-menu Drill-Down-Menu

slideNav is a mobile-friendly side drawer plugin for easily creating off-canvas push menus, navigations, and any other panel types......
side-menu push-menu mobile-menu Off-Canvas-menu

The Mobile Mega Menu jQuery plugin will automatically converts your nested html list into a mobile-friendly, drill down nav-style mega menu for your content-rich website......
mobile-menu mega-menu Drill-Down-Menu

The Toggle Tabs script allows the users to switch between tabbed content with sliding, toggle button-style navigation tabs......
tabs

F1-Nav is a lightweight jQuery plugin that creates a responsive slide up/down navigation menu with a full page overlay......
sliding-menu sticky-navigation

Just another jQuery based responsive nav solution that converts the normal navigation into a mobile-friendly sliding hamburger menu (aka off-canvas menu) on small screens......
Off-Canvas-menu responsive-menu

crbnMenu is a lightweight jQuery plugin for creating an accordion-style collapsible sidebar navigation with sub menus on your webpage......
side-menu responsive-menu Sidebar Accordion-menu

A really simple jQuery script that makes use of pseudo element to create an animated,interactive magic line under the menu items just like theLava Lamp navigation. How to use it: 1. Create a site navigation using the regular html .....
sliding-menu

A dropdown jQuery plugin that turns select options or nested Html lists into an animated, multi-level drop down menu/list with a subtle sliding effect......
Select Drop-Down-list sliding-menu Drop-Down-Menu Drop-Down

sliiide2 is a really small jQuery plugin that provides a simple way to create App-style sliding navigation menu for your website / web application......
push-menu slide-menu

Lava-Lamp is a lightweight jQuery plugin that allows you to create a div that animates when you mouse over sibling elements......
Navigation

J Sliding Banner is a responsive, customizable jQuery banner slider plugin which allows to automatically loops through an list of mixed content at a configurable speed......
Carousel Content-slider

expandyMenu is a fancy jQuery navigation plugin used to create a fullscreen sliding menu that reveals the background on mouse hover......

A really simple jQuery plugin used for creating a mobile-friendly, space-saving side navigation that slides out from the top of the webpage with a fullscreen background overlay......
side-menu mobile-menu

A jQuery plugin used for creating an image navigation menu that automatically switches between background images with a slice animation when you hover over the menu items......
sliding-menu

PopupLayer is a cool jQuery plugin that creates off-canvas drawers sliding out from any position of the webpage, while blurring the other web content......
off-canvas-menu drawer

SideMenu.js is a mobile app style navigation system allowing you to create a multilevel sliding side menu using JavaScript, Html and CSS / CSS3......
side-menu mobile-menu Off-Canvas-menu

alarm-box.js is a jQuery plugin used to display stacked sliding notification boxes with custom titles,buttons and messages, styled with Twitter Bootstrap......
Bootstrap Notification

A minimalist jQuery fixed top navigation script that auto hides the menu on scroll down but slides it out again on scroll up......
sticky-navigation

futureDatepicker is a responsive, mobile-friendly jQuery based date picker that slides out from the bottom of the screen when a specific date input is clicked/tapped......
Date-Picker

Glider is an ultra-lightweight jQuery plugin for generating a sliding caption overlay covering the image that toggles on mouse hover in and hover out......
Hover-Effect image-caption

Hoverline is a tiny jQuery plugin which adds an animated, highly customizable underline decoration to ul li based text links on mouse hover......
underline

A jQuery & jQuery UI based drawer plugin that creates floating, sliding side panels to manage hiding and showing of html content like menus, feedback forms and more......
jQuery-UI drawer

jSlides is an easy and CSS-less jQuery plugin used to create a cross-sliding image slider with animated image descriptions and thumbnail navigation......
Image-Slider

C-Switch is an easy yet customizable jQuery plugin which converts radio or checkbox inputs into more efficient sliding toggle switches......
Switch Toggle-Button

Slida is a jQuery plugin which allows you to create customizable, sliding underlines for any DOM elements such as a links......
underline

Tuxedo Menu is a lightweight, space-saving jQuery navigation plugin which reveals a sidebar navigation (off-canvas menu) covering some part of your main content......
off-canvas-menu side-menu

mtimepicker is a jQuery plugin for converting a normal text field into a time picker for easier time selection......
Time-Picker

A responsive and SEO-friendly jQuery tabs plugin which allows the visitor to slide between different sections of content using jQuery animate() method......
tabs responsive-tabs

A jQuery fullscreen navigation solution that uses CSS3 transitions to slides smoothly out a fullscreen nav menu when you click or tap on the hamburger toggle button......
fullscreen-navigation

Lavazi is a small jQuery plugin that applies a LavaLamp-Like smooth elastic animation to your navigation menu on mouse hover......
sliding-menu

flashMessage is a super tiny jQuery plugin that helps create growl-style sliding notification messages on your web application......
Notification growl-notification

Simple Popup is a dead-simple jQuery modal plugin that popups a closable modal box with full-screen overlay and a smooth sliding animation effect......
Modal popup Overlay slide sliding

cabinet is a jQuery sidebar plugin used to create fixed & tabbed drawer panels that you can slide out/down/up them via mouse click/drag......
Sidebar

A simple jQuery script that turns big nested Html lists into a responsive, CSS3 powered, multi-level sliding drill down navigation as you seen on iOS or Facebook. How to use it: 1. Create the navigation header with a back link. di.....
Drill-Down-Menu

A minimal, responsive, cross platform navigation that converts a regular menu into a toggleable slide down menu, built using jQuery and CSS3 flex box model......
responsive-menu

shutterModal is a simple yet highly configurable jQuery modal plugin that shows a sliding modal window with a fullscreen overlay on your web application......
Modal

A jQuery plugin that provides a simple way to create smooth sliding panels with tabbed navigation just like the tabs interface......
tabs

A Material Design inspired tab menu featuring an animated sliding link underline that moves with a ripple click effect as you click a tab......
Material-Design tab-menu

A jQuery & CSS based sliding off-canvas sidebar navigation that comes with a full window overlay covering the whole page when toggled......
side-menu off-canvas-menu Sidebar

menuFullpage is a lightweight jQuery plugin to create a responsvie navigation overlay covering the whole page that slides out from the edge of your screen......
fullscreen-navigation slide-menu

A jQuery/CSS3 based animated side navigation that slides down a menu panel when triggered, with support for hover and touch events......
sliding-menu

Sliding Carousel is a simple lightweight jQuery plugin that showcase your images in a cover flow-style carousel slider......
Carousel cover-flow

A mobile-friendly responsive menu that slides down from the top of your document, built using HTML, CSS and a little JavaScript (jQuery) magic......
toggle-menu responsive-menu

bpListSelect is a jQuery plugin that creates a sliding panel with predefined select options appending to your text input......
Select

cosyModal is a simple, unobtrusive jQuery plugin for creating nice, clean and CSS styleable modal windows with configurable show/hide animations......
Modal

Creating mouse direction aware sliding overlays covering any Html elements using jQuery and CSS3......
hover Hover-Effect Overlay image-caption

A responsive, full width, mobile first navigation which allows you to reveal a slide menu using jQuery slideToggle() function......
toggle-menu sliding-menu

A jQuery/HTML5/CSS based sliding panel that slides out a modal-like content panel and pushes the main content to the bottom when toggled......
Modal

A fixed sidebar navigation system which allows you to reveal a full multi-level navigation menu by clicking on the toggle icon......
side-menu sliding-menu Sidebar

getNotified is an easy-to-use jQuery plugin to create responsive notification bars that slides out from the top or bottom of your web page......
Notification Notification-bar

Just a simple jQuery script to create a fixed off-canvas menu that slides in from the left side while the main content slides to the right when activated......
off-canvas-menu push-menu sliding-menu

jslide is a fresh new jQuery slideshow plugin used to create a basic auto fading/sliding carousel slideshow with minimal html markups......
Carousel

Drawer Menu is a jQuery plugin for creating sidebar panels containing multi-level sliding menus that pull out from the left or right side of the webpage, with jQuery animations and easing effects......
side-menu

A lightweight jQuery menu plugin that turns nested hierarchical lists into a multi-level sliding drill down menu as seen on iPod and Facebook......
Drill-Down-Menu

Just another jQuery plugin for creating sidebar menu which slides out from the left or right hand side of your browser window......
side-menu sliding-menu

Slide Over is a simple lightweight jQuery plugin used to create a responsive sliding panel with a full page overlay covering entire visible page......
Modal Overlay

A Facebook Paper inspired header navigation that displays at the top of your window with a smooth CSS3 based sliding effects......
toggle-menu sliding-menu

Pushy is a lightweight jQuery plugin for creating mobile App-style push & slide menus that slide out from any sides of your screen when toggled......
push-menu sliding-menu

LMS Slideshow is a jQuery plugin that provides a simple way to create a responsive image carousel/slideshow with support for infinite loop......
Carousel

ImgWheel is a responsive, extensible and endless jQuery slideshow plugin that will enlarge the central image to focus your users on the current slide......
Carousel Responsive

This jQuery plugin allows you to create a Sliding Image Puzzle using a DIV that contains a given image......
sliding Puzzle

MobileMenu is a lightweight jQuery plugin which turns an ordinary navigation into a mobile App-style sliding menu as the browser window hits a specified breakpoint......
mobile-menu sliding-menu

When you click a trigger, a sidebar menu slides out from the left hand side of your screen and shrinks the document content with a transparent mask......
off-canvas-menu sliding-menu

Yet another small jQuery tabs plugin which allows you to switch between tabbed panels with a smooth sliding animation......
tabs

A simple clean, responsive and cross-platform jQuery accordion plugin that allows to expand hidden html contents with smooth sliding effects......
Responsive slide

A lightweight and stylish jQuery accordion widget that allows you to expand or collapse sections of content with a subtle sliding effect by clicking headers......
sliding

Hamburger is a jQuery plugin for creating an Android App-style sliding menu that displays a fly-out navigation on the left edge of the screen......
side-menu sliding-menu

Yet another jQuery plugin to create a fully responsive & animated sliding side navigation with sub-navigation using jQuery and CSS3......
side-menu mobile-menu toggle-menu Responsive Navigation

A sliding commit button powered by jQuery and CSS3 that requires an user to click and slide the arrow element across the button to initiate the interaction......
easing

waSlideMenu is a jQuery plugin to create a responsive, mobile-like, list-style, nested sliding navigation menu as you seen in Facebook help page......
Drill-Down-Menu

slidebox is a jQuery plugin which enables you to add animated hover effects covering any Html elements......
Hover-Effect Overlay easing

Yet another jQuery navigation plugin for creating a sticky multi-level top menu bar that will be converted into a mobile-friendly off-canvas sliding navigation on small screen devices......
side-menu off-canvas-menu toggle-menu

Yet another mobile-style navigation drawer plugin for easily implement an off screen sliding menu into your website......
mobile-menu slide-menu Responsive Navigation

A slide & push effect built with jQuery and CSS for creating a fixed & hidden panel that will slide out from the sides of the page......
sliding-panel

A simple jQuery based toggle menu that reveals a hidden menu with an awesome sliding effect......
toggle-menu sliding

Xeo Menu is a minimalist jQuery plugin for creating an animated sidebar navigation that slides out from the edge of your page when mouse hover......
side-menu Navigation slide sliding

SlidingMenuJs is a responsive and mobile-friendly jQuery side menu that slides from the right side of your page, similar to the apps menu on Android......
side-menu mobile-menu Responsive