Image Showcase Block
Present images and screenshots with GSAP-powered animations. Three display modes: Living Mosaic (scroll-driven grid rearrangement), Depth Corridor (3D perspective walkthrough), and Gravitational Canvas (interactive physics-based exploration).
The Image Showcase block presents a collection of images using scroll-driven or interaction-driven animations powered by GSAP. Unlike a simple gallery grid, each display mode creates an immersive visual experience where images rearrange, move through 3D space, or respond to mouse interaction.
All three modes support per-image titles and rich text descriptions that appear contextually as the user navigates through the images.
Display Modes
Choose one of three display modes when configuring the block. Each mode uses the same image data but presents it in a fundamentally different way.
Configuration
Per-Image Fields
Each image in the showcase has these configurable fields.
Mobile Behaviour
On viewports narrower than 768px, all three modes fall back to a vertical card stack. Each card shows the image with its title and description below. No GSAP animations are used on mobile to ensure smooth performance.