A Material Design inspired expanding overlay for showcasing projects, articles, and more.
Best jQuery Popup Window Plugins & Tutorials with Demo
Lobibox is a responsive jQuery notification plugin.Lobibox is divided into two parts Messageboxes and Notifications.
- Different color support
- Possibility to show in any corners of the screen
- Show delay indicator
- Show with image
- Sound support
- Size support. You can show notifications of different size
Awesome lightbox with polaroid-like zoom effects. Beautiful way to present your photo gallery on any web site. From small mobile screen to large, hidpi desktop screen. Unique super fast flipping speed, several build in skins and much more.
- HTML5 + CSS3
- jQuery only
- Auto sizing
- Auto centering
- Responsive design
- Cross browser IE9+
- Normalized images size
- Keyboard and mouse controls
- Preloading neighbour images
- Beautiful effects
Custombox is a modal window effects with transitions CSS3.
With this jQuery plugin you can hide any div behind a Quantum [Paper] Button or Qutton.
Qunatum Paper is a digital paper that can change its size, shape and color to accomodate new content. Quantum paper is part of Google’s new Material Design language.
Simple Lightbox is a touch-friendly image lightbox for mobile and desktop with jQuery.
- Preloading next and previous image
- Android, iOS and Windows phone support
- CSS3 Transitions with fallback for older browsers
- Keyboard support
- Easy to install, easy to use
- Lots of options
- Can use jQuery 1.x or 2.x
Today we’d like to share some inspiration for image grid effects. The idea is to animate the grid item when opening it, the other grid items’ disappearance and the new content. The content shown can be anything from just the larger version of the image and a title (think image gallery) or something like an album view. The common effect to all is the animation of the clicked grid image: we move it to the desired spot, scale it up and then replace it with a larger version. This creates a direct flow between the grid and the other (full) view.
In this in-depth tutorial we want to show you how to create a similar video opening effect to the one seen on momentsapp.com. If you click the “Watch the video” button on the Moments App page, you will see a new image appearing on the photo stack which contains a video. The animation is a slight rotation of the frame and a subtle scaling of the video, which already starts to play. The whole wrapper expands to full screen without any play controls; just the closing cross will be shown. Once the video ends, or, if the user clicks on the closing cross, the video will simply disappear.
In this tutorial you will lean how to create a an awesome popup gallery. Each gallery will have a small preview animation. This tutorial will provide you with five different popup galleries.
A simple modal window with an SVG background animated using Snap.svg.