Skip to content
Breakdance Extended
Get the plugin
← All modules
Stable
Element Since v0.5.0

Gallery

Grid, masonry, justified and slider galleries with lightbox, captions and filter tabs.

Topics: Media

Highlights

Four layouts
Lightbox with thumbnails
Captions on hover or always
Multiple galleries with filter bar
Videos inside the gallery

Accessibility

Lightbox is keyboard operable, images keep their alt text, filter tabs are real buttons.

Privacy

No external libraries from CDNs, everything ships with the plugin.

Live demo

See it in action

Everything below is the real element, configured in Breakdance. Try it with your keyboard, zoom in, or open the page on your phone.

Variant 1

Square grid with lightbox

Captions slide in on hover and keyboard focus. The lightbox works with arrow keys and Escape and shows thumbnails at the bottom.

Minimalist building facade against a dark sky
Minimalist building facade against a dark sky
Building facade lit by neon lights at night
Building facade lit by neon lights at night
Dark modern facade with geometric pattern
Dark modern facade with geometric pattern
Interior structure with strong geometric lines and shadows
Interior structure with strong geometric lines and shadows
Building exterior with minimalist panels and subtle light
Building exterior with minimalist panels and subtle light
Dimly lit building at night with a few illuminated windows
Dimly lit building at night with a few illuminated windows
Sunlight falling through a concrete opening
Sunlight falling through a concrete opening
High building in black and white with sharp angles
High building in black and white with sharp angles

Variant 2

Masonry with visible captions

Images keep their original proportions. Captions are always shown, which is the better choice when they carry information.

Interior structure with strong geometric lines and shadows
Interior structure with strong geometric lines and shadows
Minimalist building facade against a dark sky
Minimalist building facade against a dark sky
Building exterior with minimalist panels and subtle light
Building exterior with minimalist panels and subtle light
High building in black and white with sharp angles
High building in black and white with sharp angles
Dark modern facade with geometric pattern
Dark modern facade with geometric pattern
Sunlight falling through a concrete opening
Sunlight falling through a concrete opening
Building facade lit by neon lights at night
Building facade lit by neon lights at night
Dimly lit building at night with a few illuminated windows
Dimly lit building at night with a few illuminated windows

Variant 3

Centered slider with fraction

Built on the Swiper version that ships with Breakdance 3, no extra library. The counter shows the position as text.

Minimalist building facade against a dark sky
Minimalist building facade against a dark sky
Building facade lit by neon lights at night
Building facade lit by neon lights at night
Dark modern facade with geometric pattern
Dark modern facade with geometric pattern
Interior structure with strong geometric lines and shadows
Interior structure with strong geometric lines and shadows
Building exterior with minimalist panels and subtle light
Building exterior with minimalist panels and subtle light
Dimly lit building at night with a few illuminated windows
Dimly lit building at night with a few illuminated windows
Sunlight falling through a concrete opening
Sunlight falling through a concrete opening
High building in black and white with sharp angles
High building in black and white with sharp angles

Variant 4

Several galleries with filter tabs

Group images into galleries and let visitors switch between them. The filter buttons are real buttons with a pressed state.

Minimalist building facade against a dark sky
Minimalist building facade against a dark sky
Dark modern facade with geometric pattern
Dark modern facade with geometric pattern
Building exterior with minimalist panels and subtle light
Building exterior with minimalist panels and subtle light
High building in black and white with sharp angles
High building in black and white with sharp angles
Building facade lit by neon lights at night
Building facade lit by neon lights at night
Dimly lit building at night with a few illuminated windows
Dimly lit building at night with a few illuminated windows
Interior structure with strong geometric lines and shadows
Interior structure with strong geometric lines and shadows
Sunlight falling through a concrete opening
Sunlight falling through a concrete opening

More modules

All modules