Skip to content

Theme

Start building — free

Accordion Gallery — cards & layout.

Photo panels that open one at a time on hover, tap or arrow keys. Each panel rides its own spring with the weights always summing to one, so the open panel overshoots and its neighbours give way while the row stays exactly full. It moves on transforms only and stacks vertically on narrow screens.

by vividsites StudioUICSSJSCut from Hraun

Archivo (Google Fonts)

Installs: 3,331
Kind: UI · Cards & layout
Snippet: 444lines
Weight: 28.6KB
Dependencies: 1CDN
Added: 30 Sep 2026

vividsites.app/c/accordion-gallery

Starting the preview…

The component’s own demo at 1280 × 800. Hover, click and scroll inside the frame.

Also from Hraun

More cut from Hraun, the site it came from.

Aurora

Shader backgrounds · 3D

WebGL2
GLSL
JS

Click Ripple

3D effects · 3D

GLSL
JS
CSS

Compare Slider

Cards & layout · UI

CSS
JS

Hover Distort

3D effects · 3D

GLSL
JS
CSS

More in Cards & layout

More cards & layout, same paste.

Bento Grid

Cards & layout · UI

CSS
JS

Compare Slider

Cards & layout · UI

CSS
JS

FAQ Accordion

Cards & layout · UI

CSS
JS

Pricing Toggle

Cards & layout · UI

CSS
JS