Home / JavaScript / Image Processing

A fullscreen image slideshow with lateral image previews and a reveal animation.

Triple Panel Reveal Slideshow A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax. Article on Codrops Demo Credits imagesLoaded by Dave DeSandro TweenMax by Greensoc
Information
Category: JavaScript / Image Processing
Watchers: 4
Star: 93
Fork: 23
Last update: Aug 11, 2022
Resource links
https://tympanus.net/codrops/?p=35175
https://github.com/codrops/RevealSlideshow

Triple Panel Reveal Slideshow

A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.

Reveal Slideshow

Article on Codrops

Demo

Credits

License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

Misc

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2018

Contents

    codrops simple image slideshow with a motion reveal effect and a fullscreen details view.
    mirari vue-fullscreen - A simple Vue component for fullscreen.
    faruktoptas An easy-to-use customisable show case view with circular reveal animation.
    codrops A full image reveal effect with fancy thumbnail sliding.
    AlbanCrepel vue-displacement-slideshow - A Vue.js component that makes Webgl image displacement transitions easier.
    AlbanCrepel A Vue.js 2.0 slideshow component working with Three.js
    matthieua Reveal CSS animation as you scroll down a page
    sindresorhus Simple wrapper for cross-browser usage of the JavaScript Fullscreen API
    yomotsu A JavaScript library for advanced 2D slideshow with WebGL, that provides variety of beautiful effects
    codrops A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js. http://tympanus.net/Development/MultiLayoutSlideshow/
    codrops A slideshow with a diagonal look and a content preview
    codrops A set of link hover effects that reveal a thumbnail in different creative ways.
    justin-vanwinkle A simplistic way to create stunning presentations with speed using Reveal.js and Docker.
    Zulko A hackable slideshow framework built with Vue.js
    zulko A hackable slideshow framework built with Vue.js
    codrops An experimental slideshow using clip-path to create shape transitions between slides.
    codrops A simple slideshow with tilted thumbnails and large titles that animate when navigating.
    JuL1205 Slideshow Imageview for Android
    codrops An experimental slideshow that shows an animated SVG frame when transitioning between slides.
    zulko Eagle.js is a web-based slideshow framework for Vue.js.
    codrops A slideshow page layout with a filter enhanced navigation effect on the images.
    Share this repo

    Related Repos


    Image Processing
    4
    Generate hexagonal profile pictures client-side using HTML5 canvas.
    nathanhleung Hexooor Generate hexagonal profile pictures client-side using HTML5 canvas. This is a Next.js project bootstrapped with create-next-app. Getting Start
     
    Image Processing
    450
    Lightweight, interactive planning tool that visualizes a series of tasks using an HTML can...
    bvaughn Planner Lightweight, interactive planning tool that visualizes a series of tasks using an HTML canvas. Try it yourself at plannerjs.dev Plans created
     
    Image Processing
    1
    Clone of the Fallout hacking mini-game, rendered into a browser canvas.
    goobemaster kodenkel-fo-hacking Clone of the Fallout hacking mini-game, rendered into a browser canvas. You can try it out at: https://www.kodenkel.com/games/fo-h
     
    Image Processing
    18
    Zoom-in Like a Boss, How? Layout-Preserving Zoomer weighing in 🪶
    nyngwang NeoZoom.lua DEMO like_a_boss_demo.mov Intro. Are you still using <C-W>o to maximize a window split and DESTROY THE OTHER ONES under the same tab 😵 ?
     
    Image Processing
    136
    A WebGPU engine.
    dmnsgn A WebGPU engine.
     
    Image Processing
    3
    A minimalistic lightweight semi-automatic PDF gallery with lightbox
    eyaler projector A minimalistic lightweight semi-automatic PDF gallery with lightbox By Eyal Gruss Demo: https://ml4des.com Instructions: Add PDFs to the por
     
    Image Processing
    3.4k
    Graph drawing library for JavaScript
    anvaka VivaGraph VivaGraphJS is designed to be extensible and to support different rendering engines and layout algorithms. Underlying algorithms have been b
     
    Image Processing
    2.8k
    An image effects library for JavaScript using WebGL
    evanw glfx.js Adjust photos in your browser in realtime with glfx.js, an image effects library powered by WebGL. It uses your graphics card for image effect
     
    Image Processing
    2.6k
    bLazy is a lightweight script for lazy loading and multi-serving images, iframes, videos a...
    dinbror #hey, be lazy bLazy is a lightweight script for lazy loading and multi-serving images, iframes, videos and more (less than 1.4KB minified and gzipped)
     
    Image Processing
    2.6k
    Pure React Carousel Component
    FormidableLabs nuka-carousel A Pure ReactJS Carousel Component Install To add nuka-carousel to your project run the following command in your project folder. $ yarn
     
    Image Processing
    2.2k
    Replicating and improving the lightbox module seen on Medium with fluid transitions.
    terrymun Fluidbox If you're using Fluidbox for production, use the latest stable release and not the edge release (latest commit). Replicating and improving th
     
    Image Processing
    5
    Display an image and update it when the file changes
    gelisam image-watcher Display an image and update it when the file changes. $ image-watcher --help Usage: image-watcher FILE Display an image and update it
     
    Image Processing
    4.9k
    [Unmaintained] Minify images seamlessly
    imagemin imagemin Minify images seamlessly Sindre Sorhus' open source work is supported by the community Special thanks to: All your environment variables, in
     
    Image Processing
    14
    Dither pattern sandbox with canvas
    simulacroix dithering makes a cool pixel grid using dithering! it's a browser page: https://simulacroix.github.io/dithering/ why i found a cool dither algorithm s
     
    Image Processing
    7
    A simple module to add effects to your pictures
    hadiazt effects-image.js 🎨 A nice and easy to use module to add effects to your images ⚡️ Available filters blur brightness circle fhisheye flip greyscale in