Download Free HTML5 Slideshow Templates

Here we’ve gathered some awesome and very creative slideshow that you can use them in your designs. These slideshows can make your design professional. You can download the source codes, bring changes to them and can make them dynamic.


Diagonal Slideshow

A slideshow with a “diagonal” look and three visible slides. A decorative background element expands to fullscreen when opening the content preview.

Free Diagonal Slideshow

This is a diagonal type of look where the current slide is in the center of the page and the previous and next images can be seen laterally, one in the top left corner and one in the bottom right corner of the page. When clicking on the current slide, the decorative background element expands to fullscreen, the image moves to the left side of the screen and the content animates in.

[maxbutton id=”3″ url=”https://tympanus.net/Development/DiagonalSlideshow/DiagonalSlideshow.zip” text=”Download” ]  [maxbutton id=”2″ url=”https://tympanus.net/Development/DiagonalSlideshow/” text=”View Demo” ]



Motion Reveal Slideshow

A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.

Free MotionReveal SlideShow

The idea is to have a bit more of motion when navigating between the slides and showing another preview part with a fullscreen image.

Attention: Note that we use modern CSS properties that might not be supported in older browsers.

DEMO | DOWNLOAD


Triple Panel Reveal Slideshow

A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
The next we brought to show you a little slideshow design with a “triple panel” layout. The infinite slideshow shows a preview of the next and previous slide on both sides of the page. When navigating we use a reveal effect for all three images and animate the titles.
SOURCE: CODROPS

Leave a Reply