View Code? Open in Web Editor NEW

A responsive grid gallery based on the [Google Chromebook getting started](https://gweb-gettingstartedguide.appspot.com/) guide gallery. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items.

CSS 20.47% JavaScript 33.24% HTML 46.28%

gridgallery's Introduction

Blueprint: Google Grid Gallery

A responsive grid gallery based on the Google Chromebook getting started guide gallery. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items.

article on Codrops

demo

The Blueprints are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration. Check out all of our Blueprints here

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is".

Touch support

I've tried many ways to add touch swipe support to move in the slideshow but everytime it breaks..
are You considering this implpementation?
thanks a lot

Circular

Great plugin, is there a way to make this bad boy infinite and circular? So when we get to the end, we loop back around? That would be really helpful :) 👍

Programmatically adding new elements

This is not an issue, but a request. This plugin/gallery is awesome, but is it possible to add in new items programmatically ? i am using this script and adding in the elements, which works fine, but the gallery has problems, when new items are added the gallery does not behave properly and breaks. after the new slides are added, it does not continue and fades.

Recommend Projects