Best jQuery Fullscreen Plugins & Tutorials with Demo

    Full Screen Helper : jQuery Plugin

    Full Screen Helper : jQuery Plugin

    Cross-browser fullscreen HTML elements (with jQuery support).

    Instagram Element : Instagram Plugin for jQuery

    Instagram Element : Instagram Plugin for jQuery

    Instagram Element is a premium Instagram plugin for bloggers, photographers, models, and anyone looking to increase their presence on Instagram. Based off the popular Instagram Journal plugin, this jQuery plugin version allows you to easily manage 50+ flexible options and create the perfect display with just a few clicks. Furthermore its’ mobile, responsive design allows you to showcase your photos beautifully on any device!

    CSS Mobile Header Animations

    CSS Mobile Header Animations

    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.

    FSVS : jQuery Full Screen Vertical Scroller

    FSVS : jQuery Full Screen Vertical Scroller

    Simple Full Screen Vertical Slider using CSS3 transitions followed up by a jQuery fallback.Bound events support mousewheel, click and drag, arrow keys and touch gestures.

    Sliding Panels Template with CSS & jQuery

    Sliding Panels Template with CSS & jQuery

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

    LobiPanel : jQuery Bootstrap Floating Panels

    LobiPanel : jQuery Bootstrap Floating Panels

    LobiPanel is jquery plugin for bootstrap panels. It extends panels with several common and useful functions which does not come by default.

    Pointy Slider with CSS & jQuery

    Pointy Slider with CSS & jQuery

    Today’s resource is a simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, and unveils a new image.

    jR3DCarousel : jQuery 3D Responsive Carousel

    jR3DCarousel : jQuery 3D Responsive Carousel

    jR3DCarousel is a jQuery plugin for responsive 3D carousel with modern effects and multiple options.

    Features:

    • Modern effects
    • Responsive
    • Fullscreen Carousel
    • Tiny plugin (gzipped ~ 1.68KB, uncompressed ~ 4.95KB)
    • Infinite scroll
    • Multiple slideLayouts to maintain aspect ratio of images
    • Minimal configuration, easy to install
    • Useful public API for extending the functionalities like custom nav buttons.

    Fullscreener : jQuery FullScreen Background Plugin

    Fullscreener : jQuery FullScreen Background Plugin

    Fullscreener is a jQuery plugin for easy fullscreen backgrounds.

    Fullscreen Video Opening Animation with CSS3

    Fullscreen Video Opening Animation with CSS3

    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.