ThumbnailGridExpandingPreview
by codrops
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
AI summary
Image preview grid
Creating a thumbnail grid with an expanding image preview similar to Google Images
- stars
- 360
- forks
- 142
- watching
- 30
- awesome list
- 1
Similar projects
Found by comparing what the projects do, not just their names.
Full Image Reveal Effect
Creates a visually appealing full image reveal effect with thumbnail sliding functionality.
Thumbnail viewer
A jQuery plugin that creates an expanding preview effect for thumbnails with additional content
Image Grid Effect
A JavaScript library that creates a motion hover effect for a background grid of images using CSS and GSAP
Image slider
A JavaScript library that creates a slideshow with smooth motion transitions between images.
Shape animations
Provides hover effects on images using SVG clipPath animation
Shape layer animation
An HTML animation that simulates the gradient topography concept by animating shape layers
Background segmenter
Segments background image into distinct parts with animations
Background scales
A recreation of the background scale hover effect using CSS clip paths.
Glitch Slideshow
A slideshow with a CSS glitch effect for slide transitions
Image effects
A collection of image dragging effects using various JavaScript libraries and techniques
Page Load Animations
Provides SVG animations to reveal new content on page loads
Page transition demo
An article demonstrating various multi-layer page transition effects using CSS animations.
Letter animation
An animated SVG letter animation inspired by the 'Shading Letters in Illustrator' concept.
Dialog animations
A collection of reusable CSS and SVG animations for creating visually appealing dialog effects.
Image Trail
A set of effects that create a trail of images following the mouse cursor
Featured in 1 awesome list
Each link jumps to the spot where the list mentions ThumbnailGridExpandingPreview.
