This gallery component is built to showcase portfolios, product features, or case studies with a sleek, interactive accordion effect. It transforms static image grids into engaging, tactile elements.
Elastic Interactions: Smooth hover-to-grow animations. Clicking an item expands it into focus while gracefully shrinking the remaining tiles. Clicking the active item instantly resets the grid to its default state.
Flexible Orientation: Seamlessly toggle between horizontal rows or vertical columns to fit any layout requirement.
Precision State Control: Fine-tune the exact visual hierarchy. Adjust the expansion scale (Hover Growth), inactive shrink ratios, and inactive opacity levels to direct the user's attention exactly where you want it.
Fluid Transitions: Custom duration and easing controls (e.g., cubic-bezier) ensure interactions feel natural, polished, and responsive.
Smart Overlays & Labels: Add integrated, customizable text labels. Control their vertical positioning, typography, text color, and optional background overlays to guarantee readability against any image.
Responsive & Adaptive: Automatically handles varying image ratios while maintaining the structural integrity of the flex layout, ensuring it looks sharp on all breakpoints.
Refunds: Please note that due to the digital nature of this product, all sales are final. You can review my full Refund & Cancellation Policy [here].
Lennart Ahlfeldt
