Collection of free HTML and CSS slideshow code: simple, responsive, animated, horizontal, vertical and etc.
SLIDESHOW VANILLA JS
A small experiment which quickly turned into something more. Made with HTML/CSS/SCSS by Nathan Taylor.
SPLIT SLICK SLIDESHOW
Vertical slideshow in split screen. Made by Fabio Ottaviani.
Navigate using the up and down arrow keys. Made by Keith Driessen.
Just playing around with a dual pane slideshow concept. Made by Jacob Davidson.
A PURE CSS3 SLIDESHOW
The transition treats each part of the photo as a blind, closes them all together, and when they are open again, a new photo is revealed underneath. Made by Stathis.
An idea for a page header slideshow. Made with HTML / CSS (SCSS) by Johan Lagerqvist.
ROTATING BACKGROUND IMAGE SLIDESHOW
Made with HTML / CSS by Jen.
SLIDESHOW WITH HTML/CSS
SPOOKY SCARY CLIP TEXT
Spooky CSS only image slideshow with text clipping. Made with HTML / CSS (SCSS) by Jefferson Lam.
A pure CSS and HTML slideshow concept by Peter Butcher.
To add or remove slides:
- add a new slide template in the HTML;
- update the
- tab colours: update the
- slide popout images: update the
$b-slidesSCSS variable. Use the tabs below to change slide.
SILHOUETTE ZOOM SLIDESHOW
GEOMETRICAL BIRDS – SLIDESHOW
BUBBLE SLIDESHOW COMPONENT
This is a Vue component that uses
CSS SLIDESHOW EFFECT
Ken Burns slideshow effect CSS only. Made by Dima.
SLICK SLIDESHOW WITH BLUR EFFECT
This is an extended version of pure CSS slideshow gallery which comes with more and easier customisation and previous/next buttons. Made by Alexander Erlandsson.
A customizable slideshow TweenMax. Made by Matheus Verissimo.
GREENSOCK ANIMATED SLIDESHOW
A fullscreen, sort of responsive, slideshow animated with Greensocks TweenLite/Tweenmax. Made by Arden.