Skip to main content

Gallery

25 templates in this category. Each page has the screenshots, the structure, what to change and the CSS variables.

  • Gallery · 3D stack — The Bricks Image Gallery as a stack of four photos that peek out at the top; on hover (or keyboard focus) it fans out in 3D.
  • Gallery · 3D stack cards — The Bricks Image Gallery as a stack of four photos that peek out at the top; on hover (or keyboard focus) it fans out in 3D and the photo you point at rises with its tag.
  • Gallery · Accordion strip — The Bricks Image Gallery as a row of photos; the one under the mouse (or with keyboard focus) widens and the others make room.
  • Gallery · Accordion strip alternate — The Bricks Image Gallery as a row of photos; the one under the mouse (or with keyboard focus) widens and the others make room.
  • Gallery · Accordion strip basic — The Bricks Image Gallery as a row of photos; the one under the mouse (or with keyboard focus) widens and the others make room.
  • Gallery · Auto-width slider — Photos keep their own shape at the same height and play on their own; the ring around the pause button counts down to the next photo.
  • Gallery · Before and after — Two photos on top of each other and a line you drag, or that follows the mouse, to compare them.
  • Gallery · Flip mosaic — A photo cut into eight tiles that turn one by one to show a second photo, the title set in the corner notch, a lead and three figures.
  • Gallery · Full-bleed slider — A strip of photos from edge to edge of the screen, full height, each at its own shape, with no gaps.
  • Gallery · Masonry — The Bricks Image Gallery as a masonry wall in CSS columns: every photo keeps its shape.
  • Gallery · Masonry captions — The Bricks Image Gallery as a four-column masonry wall: every photo keeps its shape, shows its caption as a small pill when you point at it, and opens the lightbox with the caption.
  • Gallery · Mosaic — The Bricks Image Gallery in five square columns with the first photo of every seven over three columns and three rows; every photo opens the lightbox.
  • Gallery · Mosaic pairs — The Bricks Image Gallery in four wide columns with two large photos in a diagonal every six; every photo opens the lightbox.
  • Gallery · Mosaic tall — The Bricks Image Gallery in four columns of tall photos, all the same size; every photo opens the lightbox.
  • Gallery · Moving strip — A strip of photos at different heights that moves on without end, a huge word passing the other way under its bottom edge, and the intro with a button below.
  • Gallery · Portfolio — Projects one after another: the text stays beside the photos while they pass and stack; a card with the author and an index of the projects stays at the side.
  • Gallery · Show all photos — The Bricks Image Gallery as one large photo and four small ones; the rest wait in the lightbox and a «Show all photos (+N)» pill counts them.
  • Gallery · Show all photos bento — The Bricks Image Gallery as a bento of six cells (large, wide and tall); the rest wait in the lightbox and a «Show all photos (+N)» pill counts them.
  • Gallery · Show all photos tall — The Bricks Image Gallery as one large photo, a tall one and two stacked; the rest wait in the lightbox and a «Show all photos (+N)» pill counts them.
  • Gallery · Shuffling photos — Text with two buttons beside four loose photos at different sizes and angles that keep changing places: the front one moves to the back and another takes its place.
  • Gallery · Sticky side panel — A brand panel that stays in place while you scroll (a large word in a moving strip, the title, the lead and a button) beside a column of photos that open in the lightbox.
  • Gallery · Thumbnails — Two Bricks Carousel elements: a large photo with arrows and, under it, a strip of thumbnails that drives it; the large photo opens the lightbox.
  • Gallery · Video card showcase — A showcase of the FBK Video card: three proportions, with or without the hover zoom and the meta line.
  • Gallery · Videos — A row of video posters; each one plays its video in a lightbox where you can go to the previous or next video.
  • Gallery · Wave — The Bricks Image Gallery as a row of tall strips in perspective: the one nearest the mouse comes forward and its neighbors turn towards it, like a wave.