About Draggable Masonry
Draggable Masonry is an interactive media masonry gallery for Framer that lets visitors physically drag and rearrange cards directly inside the gallery. Built for both images and videos, it combines a responsive masonry layout with fluid spring animations, CMS Link compatibility, hover effects, and an immersive lightbox.
✦ Key Features
Draggable Masonry - Pick up and reposition cards directly inside the gallery.
Dynamic Reordering - Cards smoothly reorganize as dragged media moves through the layout.
Image & Video Support - Mix images and videos together in the same masonry gallery.
CMS Link Compatible - Connect individual cards to Framer CMS pages or other destinations.
Multiple Aspect Ratios - Choose portrait, tall, square, landscape, wide, or custom proportions for each card.
Responsive Masonry - Set different column counts for desktop, tablet, and mobile layouts.
Interactive Hover Effects - Customize media scale, brightness, and opacity on hover.
Lightbox Viewer - Open unlinked media in an immersive fullscreen viewer with previous and next navigation.
Video Playback - Display videos directly inside the grid with dedicated lightbox playback options.
Entrance Animation - Introduce gallery cards with smooth staggered motion.
Custom Card Styling - Control spacing, radius, borders, shadows, backgrounds, and media fitting.
✦ What You Can Create
Draggable portfolio galleries
Photography showcases
CMS project collections
Image and video portfolios
Creative agency work
Editorial media grids
Art and exhibition galleries
Case study collection
✦ A Masonry Gallery You Can Actually Move
Draggable Masonry turns a traditional static gallery into an interactive canvas. Visitors can grab media, move it through the composition, and watch the surrounding cards smoothly rearrange themselves. Keywords: Draggable Masonry, CMS Masonry, Masonry Gallery, Draggable Gallery, CMS Gallery, Framer CMS, CMS Link, Framer Masonry, Image Masonry, Video Masonry, Media Gallery, Interactive Gallery.
