Draggable Grid

Little moments in every direction.

A sleepy smile, a tiny hand, a photograph you keep coming back to. Draggable Grid spreads those moments across an endless field of square photographs, with softly staggered columns and room to breathe.

Drag in any direction to wander through the pictures. Release and the movement gently settles. A diagonal wave brings the photographs into view; scroll or use the arrow keys to explore, and stop the motion whenever you like.

Add up to 98 photographs with alternative text and individual crop focus. Choose tile size, spacing, column stagger, corners, background, glide and entrance duration in Framer. Use a full viewport or an embedded section. Appearance changes keep your place; reduced motion skips the entrance and glide while preserving direct control. Hidden or offscreen instances rest, and the grid reuses a limited set of tiles as you explore.

Includes this single Framer code component, matching editable source, a setup guide, two customisation prompts and a commercial licence for one finished project. No shared development project or access to other components is included. Demo photographs are AI-generated examples only; replace them with your own properly licensed images before publication or marketing.

By AL Webdesign Studio.