Accordion Gallery V2

Show Preview
Accordion Gallery V2

About Accordion Gallery V2

Accordion Gallery turns a row of images into a living, expanding strip. Hover, tap, click or arrow‑key through panels and the active one grows to fill the track while its neighbours lean away in subtle 3D, desaturate and dim. Captions slide in with an accent bar, images drift with parallax as they resize, and everything is driven by GSAP for buttery, jank‑free motion.

Every detail is a property control — panels (image, label, link, new‑tab, alt), open panel, hover/click trigger, row/column direction, auto‑stack breakpoint, expand ratio, gap, radius, panel/accent/overlay colours, gradient & dim strength, grayscale, shadow, label font/colour/inset, accent bar, duration, 9 easing curves, tilt, parallax and stagger.

Features

  • Fluid GSAP flex‑grow expansion — no layout jumps.

  • 3D tilt of collapsed panels with perspective (togglable, 0–30°).

  • Parallax image drift synced to the resize.

  • Grayscale → colour reveal on the active panel.

  • Captions with animated accent bar and stagger.

  • Hover or click trigger; keyboard arrows always work.

  • Row / column layouts + automatic stacking breakpoint.

  • 30 property controls, all grouped and described.