132 JQuery Overlay Plugins

Graaf is a collection of pure CSS grid overlays for designing your new projects. .....
CSS

Today we’d like to share another way of achieving morphing page transitions. This time, we’ll generate multiple SVG curves with JavaScript, making many different looking shapes possible. By controlling the individual coordinat.....
Animation Menus SVG Tutorial

Framework for making responsive cross-browser overlay menus.Features:works in all browsersworks on all devicetiny, < 600bytesresponsivesuper fastuses jquery animationsframework not a templateeasy to use .....
Menus Plugins Popup Window Responsive

Bluroverlay.js is a jQuery plugin to blur overlay. .....
Plugins

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

A Material Design inspired expanding overlay for showcasing projects, articles, and more. .....
Gallery Plugins Popup Window

A flexible loading overlay jQuery plugin.Shows a loading overlay on the whole page or over single DOM elementsTracks a “counter” (or a queue) to allow multiple calls on single targetCan auto resize according to its container (.....
Plugins

In this tutorial, we create revealing content overlays with CSS3 transitions, allowing us to minimise content clutter and provide a neat user experience.Imagine your company offered a bunch of different services, and on your websi.....
CSS Popup Window

jQuery ownage loader is a plugin for nice loading overlays. This plugin also contains ownage PageLoader extension to create page preloading overlays. .....
Ajax Plugins

In this tutorial, we’re going to build some image overlay hover effects with CSS3 transitions. When we hover over an image, a neat transition will occur, showing us an icon that hints the user to click on it for more. .....
CSS

Xoverlay is a bundle of CSS attributes which will help you to add hover effects on your site. Here you will get 50+ effects and a huge plus point is you can combine it’s effects, therefore you can create more than 150+ effects. .....
CSS Premium

jQuery plugin for responsive and accessible modal windows and tooltips. .....
Plugins Popup Window

A jQuery plugin that let’s you lay a crosshair over a dom element (for whatever reason) and receive its relative position onclick. .....
Plugins

TourTip is an interactive visual guide to elements on web pages.TourTip is a simple library for creating guided tours through your application. It’s better suited to complex, single-page applications than websites. Our main .....
Plugins Popup Window

An easy to use, CSS3/jQuery Responsive overlay slider with navigation. .....
Plugins Popup Window Slider

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 advan.....
Animation CSS Menus Popup Window

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 ba.....
Menus Plugins Popup Window Premium

The simple jQuery Plugin for customizable overlay which covers a page, elements or iframe-windows that is specified. plainOverlay has basic functions only, and it has no image files and no CSS files.Your progress-element (messages.....
Plugins

Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays.The special thing about these overlays is that they don�.....
Core Java Script CSS Popup Window SVG Tutorial

A jQuery plugin for overlaying images or content.Boxer is a simple way to display images, inline-content or iFramed URLs in a lightbox-style modal. .....
Plugins Popup Window

iOS Overlay/Notification  is a jQuery plugin for the web! .....
Plugins Popup Window

Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour which I loved. .....
Plugins Popup Window

Today we will be creating a little app showcase with a neat effect in jQuery and CSS3. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a grid appears, showing some more screenshots......
Animation CSS Gallery

A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. In this tutorial we want to explore the practical side of it a little bit more. We are going to create a neat and si.....
CSS Popup Window

Griddy is a small JQuery plugin thats creates a simple, customizable grid overlay on top of any element. It can also calculate row heights and column widths automatically based on the number of rows/columns and gutter space. .....
Layout Plugins

There is the option of using one of the numerous lightbox plugins to do this, but the plugin we will be creating in this tutorial has a lot of advantages over a generic lightbox script:Lightweight – it is created specifically fo.....
Plugins Popup Window

boxy is a animated facebook like jquery dialog/overlay box. .....
Ajax Plugins Popup Window

Hoverizr is a really small (2.5KB minified) responsive jQuery plugin that outputs manipulated images on top (or below) your targeted images. Currently, it features three effects: grayscale, blur and color inversion. Automatically .....
Gallery Plugins Responsive

A jQuery Plugin for easily adding lightweight, flexible overlays to your projects.Use custom effects, customize using CSS hooks, define custom callbacks for further action, take advantage of CSS3 and more. .....
Animation CSS Plugins

A self-contained jQuery plugin that enables element and fullscreen overlays, with optional static and dynamic modal content – that virtually eliminates the need for additional html or css code. .....
Web

Lightview was built to change the way you overlay content on a website. Designed to complement your content, and features include: smart image preloading, customization without CSS, adjustable rounded corners and more. .....
CSS Gallery Popup Window

We are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using j.....
CSS Menus

Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of certain elements in order to make it look like as if we are covering the content with an overl.....
Animation Menus

https://stackoverflow.com/questions/50327032/google-maps-overlayview-make-only-svg-clickable http://serversideguy.com/2017/10/31/how-do-i-place-svgs-on-a-google-map-using-custom-overlays/ .....
Google Map

.....
Google Map

Text and pagination overlay of the popular Owl library. Can be useful for website sliders. .....
Pagination

A minimal overlay system built with jQuery that displays any content in a fullscreen overlay covering the whole page......
Overlay

An accessible, animated focus overlay plugin for jQuery that highlights the current focused element with a highly customizable focus box (focus border) when switching between elements with Tab key......
focus

busy-load is a jQuery loading indicator plugin which shows an animated loading overlay over a specific element (or the whole page) with custom loading spinners......
loading-indicator loading-spinner loading-overlay

An awesome hamburger navigation concept that morphs the hamburger toggle button into a fullscreen overlay using JavaScript (jQuery) and CSS animations......
fullscreen-navigation overlay-menu

A modern, translucent, semantic, multi-level, off-canvas navigation with a hamburger toggle button that covers part of the page when toggled......
side-menu off-canvas-menu overlay-menu

ImgBox is a jQuery image marker plugin that lets you draw a stylable square marker on your photo using HTML data attributes......
image-marker

Darkener is a small jQuery plugin which applies configurable CSS gradient overlays to any containers you specify......
Gradient

A basic responsive menu jQuery plugin that converts the regular horizontal menu into a fullscreen overlay navigation on mobile devices......
responsive-menu fullscreen-navigation overlay-menu

loadingoverlay.js is a simple, flexible jQuery plugin which shows a highly customizable loading overlay with custom spinners while loading some data within a specific container......
loading-spinner loading-overlay

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

scrollable-overlay is a jQuery plugin that prevents body (background content actually) from scrolling when a modal window is open, while keeping the popup content scrollable......
Modal scrolling

A mobile-friendly off-canvas hamburger navigation that slides from the left of the webpage and covers a specific part of the main content......
side-menu Off-Canvas-menu overlay-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

showLoading.js is a small, customizable, cross-browser jQuery loading indicator plugin to indicate the AJAX loading status on any container element......
loading-spinner loading-indicator loading-overlay

This is a jQuery help overlay plugin which adds a SVG based help arrow (with custom text and background overlay) to an element on the screen when triggered......
Overlay Help-Overlay

Loading is a small jQuery plugin that allows you create an animated overlay covering any Html elements to indicate the loading status......
loading-overlay

jQuery overlayHole is a jQuery plugin used for highlighting a set of html elements you specify with an overlay effect......
focus Overlay Highlight

A simple, customizable, responsive jQuery loading indicator plugin that helps you create a loading overlay (with a custom loading spinner) on the whole page or over single DOM elements......
loading-indicator loading-overlay

Twbs Alert Overlay is a jQuery plugin to extend/manage the Bootstrap alerts component that helps you create dynamic Bootstrap alert messages with a background overlay......
Bootstrap alert

Iptools Offcanvas is a really simple jQuery plugin that uses CSS3 transitions and transforms to create an overlaying, multi-purpose off-canvas panel......
side-menu off-canvas-menu

The jQuery bringins plugin allows you to create animated, customizable, expanding overlay content covering the whole page or only part of the page......
Overlay

babypaunch.spinner.js is a really small jQuery plugin that generates a customizable loading / busy indicator to tell your user some background task is still running......
loading-spinner loading-overlay

onoffcanvas is a lightweight jQuery offcanvas plugin used to create animated off-canvas panels overlaying the whole page or only part of a specific container......
Off-Canvas-menu Overlay

A very small jQuery plugin which makes uses of CSS transition and opacity properties to show & hide a fullscreen overlay navigation menu with a hamburger menu toggler......
overlay-menu fullscreen-navigation

Pushy is a mobile-friendly jQuery navigation plugin which lets you create responsive push and/or overlay sidebar menus using CSS transforms and transitions......
side-menu push-menu Off-Canvas-menu overlay-menu

SnakeGallery is a jQuery plugin for creating an animated hover overlay for your gallery that slides out from the boundary depending on the direction you enter the image......
hover Hover-Effect Overlay

An interactive, mobile-friendly site navigation that allows to show/hide an off-canvas sidebar overlay menu / panel based on user actions......
side-menu mobile-menu Off-Canvas-menu overlay-menu

Simple Overlay is a jQuery plugin used to present your images in a fullscreen, responsive overlay that supports both single and grouped images......
gallery-lightbox image-lightbox

Just another jQuery plugin used to display a fullscreen loading overlay with CSS3 animated spinners & loaders while loading/processing data in the webpage......
loading-spinner loading-overlay

The jQuery loadingBlock plugin allows you to create a modal-like ajax loading overlay with custom loading indicator and text......
loading-spinner loading-overlay

Easy Overlay is a ultra-simple jQuery plugin allows you to create a loading overlay with a loading spinner on any element......
loading-spinner loading-overlay

loadingModal is a simple yet customizable jQuery loading indicator plugin which displays a fullscreen loading modal / overlay with more than 10 CSS3 powered loading spinners......
loading-spinner loading-indicator loading-overlay

A fancy site navigation that displays a fullscreen, mobile-friendly overlay menu with curtain close / reveal effects using CSS3 animations and a little jQuery script......
overlay-menu

A pretty cool jQuery based site navigation system that helps you create a fullscreen overlay menu with open/close effects animated by Animate.css......

Loading.js is a jQuery plugin used for displaying a custom loading overlay / indicator while you fetch and load some content into a specific container via AJAX......
loading-indicator loading-overlay

frost-mask is a lightweight jQuery plugin that uses CSS3 blur filters and transitions to create an animated blur effect on a specific container when triggered......
Blur Overlay Mask

mloading is an easy-to-use jQuery plugin that lets you create a loading/busy indicator (with or without loading mask) on any DOM elements within the document......
loading-spinner loading-indicator loading-overlay

LoadingBox is a really simple jQuery plugin used to generate a customizable loading overlay with a custom GIF based loading spinner on the whole page......
loading-spinner loading-overlay

A simple flat jQuery/CSS3 based modal window that uses CSS3 blur filter to apply a blur effect to the background content after the modal opens......
Modal Blur

simple-overlay is a tiny jQuery modal plugin which displays ajax content, Youtube / Vimeo videos in a fullscreen, responsive popup window while preventing window scroll......
Modal video-lightbox

containerPlus is a jQuery plugin for creating full featured overlayed windows, similar to the modal boxes. The overlayed window is fully skinnable and can be set to be draggable, resizable, collapsible and minimizable......
Modal jQuery-UI

qspin.js is a lightweight jQuery plugin that allows you to quickly display a loading spinner / overlay on a given DOM element......
loading-spinner loading-overlay

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

picturehover is a very small jQuery plugin used to create customizable image overlay hover effects that have the ability to load captions from any attributes on img tag......
hover Hover-Effect

semiscroll.js is a jQuery plugin used to create an overlay with background images that will prevent body from scrolling when the overlay is active......
scrolling

A simple, lightweight, automatic jQuery carousel slider plugin which slides through a list of html content with a smooth CSS3 powered transition effect......
Carousel Content-slider

faloading is a jQuery plugin used for generating a custom loading overlay / indicator over a specific element while waiting for some data to be loaded......
loading-spinner loading-overlay

overlay.js is a dead simple jQuery plugin that shows a fullscreen loading overlay to prevent user interaction during AJAX request......
loading-overlay

OmniWindow is a jQuery plugin developed for programmers that allow to create customizable and animated modal windows with callbacks and events support......
Modal Overlay

A fullscreen overlay site navigation that comes with a cool timing transition effect based on jQuery and several CSS3 animation properties......

ContentOverlay is a lightweight jQuery plugin that creates a custom floating panel (content overlay) attaching to any element when selected......
Overlay

LoadGo is a jQuery plugin which creates a CSS3 animated overlay on your image to make it transparent and fill with color relative to a percentage value......
loading-indicator loading-overlay

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

Vanillabox is a simple jQuery plugin for creating clean and skinable lightbox effects with a little bit codes......
Overlay

Easy Overlay is an ultra-light (~2kb) jQuery plugin used to display any html content of your web page in a full window modal popup......
Modal popup Overlay

Overlay Cube is a jQuery plugin for displaying a fullscreen loading overlay with an animated 3D cube loader and custom loading messages on your web page / web application......
loader loading-overlay

Mask Loader is an easy-to-use jQuery plugin for displaying a loading overlay with a custom loading spinner which covers the whole page or a specified element......
loading-spinner loader loading-overlay

HoldOn.js is a jQuery plugin for display a fullscreen loading indicator to prevent user interactions while your webpage / application is currently busy......
loading-spinner loading-indicator loading-overlay

Wait Overlay is a jQuery plugin that displays a loading / busy overlay with a CSS3 based loading spinner over a specified DOM element......
loading-spinner loading-overlay

Overlay.js is a minimalist jQuery plugin used to popup a responsive & CSS3 animated modal window with a fullscreen overlay......
Modal popup Overlay

Blur.js is a jQuery plugin which makes use of jQuery UI draggable and canvas 2D api to create a movable blur mask over a given element......
Blur Overlay

Show Loading is a really lightweight jQuery plugin that displays a GIF loading spinner with a fullscreen loading overlay on a given container......
loading-spinner loading-indicator loading-overlay

A Material Design inspired morphing overlay that makes an action button morph into a full-sized, closeable content overlay......
Material-Design Overlay morphing

Flashlight is a minimalist jQuery lightbox plugin that currently supports showing large images in a responsive, fullscreen overlay popup......
image-lightbox

Directional Hover is a lightweight jQuery plugin to create animated hover overlays that slide in based on mouse direction......
Hover-Effect Overlay

Waiting.js is a jQuery loading indication plugin used to generate a highly configurable loading spinner & overlay on the whole page or over a specific DOM element......
loading-spinner loading-overlay

CanvasLoader is a jQuery plugin which uses Html5 canvas element to create an animated (pre)loader with an overlay appending to an Html element......
loading-spinner preloader loader loading-overlay

A super tiny jQuery plugin to create a spotlight effect on your Html element by adding a canvas & CSS based overlay covering the other elements.....
Overlay Spotlight

revealElements.js is a jQuery plugin that highlights any DOM elements and adds an overlay layer to the rest of the page......
focus Overlay Highlight

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

Dim Background is a simple jQuery plugin that allows to dim the current page background to highlight the user-defined top element, similar to the lightbox overlay effect......
background Overlay

A jQuery panel-style navigation plugin which makes it easier to create off-canvas push/reveal/overlay menus on your webpage/web app......
off-canvas-menu push-menu reveal-menu

loader.js is an easy, small JQuery plugin to create a loading indicator that works with web pages and specific Html elements......
loading-spinner loading-overlay

A really simple and lightweight jQuery plugin which allows you to display any Html content in a modal style lightbox with a fullscreen overlay......
Modal Overlay

A lightweight jQuery plugin used to create flexible, customizable and mobile-optimized overlays which cover a page or specified elements......
Overlay

Loader is a simple jQuery which allows you to display a loading spinner/overlay on any specified elements like button, form, body, etc......
loading-spinner loader loading-overlay

socialpic is a tiny jQuery plugin allows to show social share buttons in the overlay as you hover over an image......
hover social-share Overlay social-button image-hover

Purplecoat.js is a lightweight jQuery plugin which allows you to generate an overlay/mask layer covering a specified element......
Overlay

A simple jQuery approach to create a responsive, animated, perspective overlay navigation covering the whole webpage when toggled......
toggle-menu fullscreen-navigation perspective-menu

A dead simple jQuery plugin used to create a closable modal window with a fullscreen overlay and easing effects......
Modal

A fixed side off-canvas navigation that transforms into a transparent overlay covering the main content when toggled.....
side-menu off-canvas-menu Overlay

quickModal is a fast and lightweight jQuery plugin that creates a modal dialog from a div on the page......
Modal Dialog Overlay

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

hovercap is a small jQuery plugin that creates transparent caption overlays with slide or fade animations over your images when hovered......
Hover-Effect image-caption

Infobox is a really simple JQuery plugin that enables you to create modal-style popups with fullscreen overlay and easing effects (jQuery UI is required)......
Modal popup Overlay

iosnotice is a tiny jQuery plugin used to create Apple iOS-style overlays, notifications and loading spinners for the web......
loading-spinner Notification Overlay

Centered modal overlay is a jQuery plugin which allows you to navigate through a group of images (or iframes) in a responsive, full-page and mobile-friendly modal box......
Modal gallery-lightbox Responsive

JLoadingOverlay is a jQuery plugin to create a loading spinner/overlay with CSS3 animations for your dynamic content......
loading-overlay

Loading Layer is a lightweight jQuery plugin that creates a loading layer overlaying any Html elements......
loading-overlay

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

flexModal is a jQuery plugin for creating responsive & flexible modal box that supports any Html contents like text, iFrame, Video, etc......
Modal Overlay Responsive

Dark Overlay is a jQuery plugin used to create a customizable overlay covering an Html element when hovering or clicking on it......
Overlay

SlipHover is a jQuery plugin used to add direction-aware overlay effects on any Html elements (images, DIVs, etc) when hover over......
Hover-Effect Overlay image-caption

Loading Overlay is a jQuery plugin for AJAX loading that adds a loading overlay with loading text and loading spinner to a given element when loading something......
loading-spinner ajax Overlay spinner

Content Hover is a jQuery plugin for creating an animated content overlay covering an Html element when mouse hovers over it......
hover Hover-Effect Overlay image-caption

Captionblur is a fancy jQuery plugin for adding an animated image caption with a blurred overlay over an image when mouse hover......
Blur Overlay image-caption