Burst gallery

Burst Gallery is an interactive gallery component where image cards burst out of a single icon with motion blur, settle into a layout, and collapse back into the icon. With five layout styles, built-in or custom icons, and adjustable spring or eased animation, it turns a simple button into a playful visual reveal. Use it for creative portfolios, photo collections, mood boards, agency websites, and personal projects that need a gallery with a distinctive, motion-led feel.

Features

• Images fly out of a source icon and collapse back into it with staggered motion.

• Five layout styles: Cascade, Fan, Stack, Grid and Scatter.

• Eight icon options: bookmark, heart, star, plus, image, camera, sparkle, or your own custom image (SVG or PNG).

• Optional round, translucent backdrop behind the icon.

• Motion blur and vertical streak effects while cards fly.

• Four animation feels: Soft Spring, Bouncy, Snappy and Smooth Ease.

• Five triggers: click the icon, click anywhere, hover, on load, or when scrolled into view.

• Fully transparent background, so it sits on any section color or image.

• Colorful placeholder cards show instantly before you add your own images.

• Responsive to any frame size, with keyboard support and respect for reduced-motion settings.

What you can customize

• Images: add as many photos as you like

• Layout styling

• Card aspect ratio, corner radius, shadow and border.

• Icon type, color, size, backdrop, resting position (center or bottom), and open position from the bottom edge.

• Animation feel, duration, stagger when opening and closing, motion blur amount, and streak amount.

Best for

• Portfolio websites

• Photographers

• Creative studios and agencies

• Mood boards, look books and product teasers on landing pages.

• Personal brands that want something more expressive than a standard image grid.

Need help? Email wamukamau2021@gmail.com