Default

By default, thumbnails are designed to showcase linked images with minimal required markup.

Thumb
Thumb
Thumb
Thumb

Hover Styles

The thumbnail details can be displayed in different styles.

DEFAULT
Thumb
DEFAULT LIGHTEN
Thumb
NO ZOOM
Thumb
WITH TITLE AND TYPE
ThumbProjeact TitleProject Type
CENTERED ICONS
Thumb
ICONS COLORS
Thumb
CENTERED INFO
ThumbProjeact TitleProject Type
BOTTOM INFO LIGHT
ThumbProject TitlePROJECT TYPE
BOTTOM INFO DARK
ThumbProject TitlePROJECT TYPE
BOTTOM INFO LIGHT LINEAR
ThumbProjeact TitleProject Type
BOTTOM INFO DARK LINEAR
ThumbProject TitlePROJECT TYPE
BOTTOM INFO SHOW MORE
ThumbProject TitlePROJECT TYPE

Lorem Ipsum is simply dummy text of the printing and typesetting industry

PUSH HORIZONTALLY
ThumbProjeact TitleProject Type
WITH CAPTIONS
ThumbProject TitlePROJECT TYPELorem ipsum dolor sit amet, consectetur adipiscing elit.
HIDE INFO HOVER
ThumbProject TitlePROJECT TYPE
SLIDE INFO HOVER TYPE
ThumbProjeact TitleProject Type
SLIDE INFO HOVER BUTTON
ThumbProject Title Button
SLIDE INFO HOVER CENTERED ICONS
ThumbProject Title
LIGHT BLOCK HOVER
ThumbProjeact TitleProject Type
DARK BLOCK HOVER
ThumbProject TitlePROJECT TYPE
COLOR BLOCK HOVER
ThumbProject TitlePROJECT TYPE
HOVER 3D
Thumb
HOVER 3D + CENTERED INFO
Thumb
Project Title
PROJECT TYPE
HOVER 3D + CENTERED ICONS
Thumb
HOVER FLOATING CAPTION
Thumb
HOVER FLOATING CAPTION
Thumb
HOVER FLOATING CAPTION CLEAN
Thumb
SIDE IMAGE LEFT
Thumb
Projeact Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
SIDE IMAGE RIGHT
Projeact Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Thumb

Grid
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb
Grid Dashed
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb
Thumb