Masonry Edge Gallery

Masonry Edge Gallery is a premium interactive image and video gallery for Framer, combining an endlessly scrolling masonry layout with stunning WebGL-powered glass edge effects. Featuring smooth vertical movement, realistic glass refraction, soft edge blur, and fluid drag interactions, it creates an immersive visual experience for modern websites.

Add your own images and videos, connect individual items using CMS Links, and customize everything from column layouts and card sizes to scrolling speed, hover animations, and glass distortion.

Features & Customization

• Infinite Masonry Gallery — Seamless vertical scrolling with continuously looping content.

• Image & Video Support — Upload media or use external URLs.

• Glass Edge Effects — WebGL-powered refraction, distortion, and realistic glass highlights.

• Advanced Glass Controls — Customize top and bottom edges, blur, bend, dispersion, and reflections.

• Flexible Masonry Layout — Adjustable columns, spacing, card heights, and varied or fixed sizing.

• Smooth Motion — Customize automatic scrolling speed, direction, and glide.

• Interactive Navigation — Drag to explore with natural momentum and mouse wheel scrolling.

• Hover Animations — Adjustable image scaling and dimming effects.

• CMS Link Support — Add individual links to gallery items for direct navigation.

• Built-in Lightbox — Open images and videos in an immersive fullscreen viewer.

Where to Use

Masonry Edge Gallery is ideal for creative portfolios, photography websites, design agencies, fashion brands, art galleries, architecture studios, product showcases, and modern landing pages.

Its infinite vertical movement, flexible masonry layouts, and refined glass effects make it especially suitable for visual storytelling, editorial websites, luxury brands, creative studios, and experimental web design.

I hope you enjoy using Masonry Edge Gallery! For custom components or other Framer-related projects, contact oddframeworks@gmail.com.