---
title: "Scrollable Gallery — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Galleries. Interactive Drag Gallery Motion"
canonical: "https://framer.elliotli.dev/component/scrollable-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Scrollable Gallery

# Scrollable Gallery

Interactive Drag Gallery Motion

[View on Framer](https://framer.com/marketplace/components/scrollable-gallery/?via=elliot-li)

![Scrollable Gallery preview image 1](https://framer.elliotli.dev/og/component/scrollable-gallery/809ca5caffd349f9/1600x1200.jpg)

## Summary

Interactive Drag Gallery Motion

## Description

### About

**Scrollable Image Gallery** brings a fluid and interactive way to showcase your photography or design work directly in your Framer projects. It’s built to add a tactile, premium feel to your site, allowing visitors to grab, drag, and explore your images with ease. Whether you need a structured grid or a more playful, floating layout, this component adapts to your creative vision.

### What it does

The component renders a highly responsive grid of images that supports both mouse dragging and traditional scrolling. It includes built-in physics for a smooth "grab and move" experience. Beyond just displaying photos, it can handle links, preloading for better performance, and even adds life to your layout with subtle floating and rotation animations that make the images feel dynamic.

### What you can customize

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-s01iiy6z-weyXsS9M9zrN4RX0NeOOqsjkIydTQl)

-   **Layout & Styling:** Control the number of columns, tile sizes, spacing gaps, and corner radius to perfectly match your site’s design.
    
-   **Interaction:** Toggle dragging, horizontal scrolling, and vertical scrolling on or off. You can even customize the cursor style and choose to hide or show scrollbars for a cleaner look.
    
-   **Visual Effects:** Choose between Cover or Contain image fitting, and add unique personality by adjusting the floating intensity and rotation angles of the tiles.
    
-   **Navigation:** Set images to open links in new or same tabs, and enable a fullscreen mode to let users view your work in high detail.
    

### Great for

-   Creative portfolios and photography showcases
    
-   Interactive hero sections on landing pages
    
-   Visual moodboards or "Our Team" sections
    
-   Product galleries and lookbooks
    
-   Adding "just for fun" interactive elements to a site
    

**Share your build**If you ship something cool with it, post it on X and tag me **@Dulajweb** or send it over. I’d love to see what you create.

**Need help?**Questions or feedback? Reach me anytime: [**dulajdilshan766@gmail.com**](mailto:dulajdilshan766@gmail.com) or on X **@Dulajweb**

## Rank history [How rankings work →](/terms#rankings)

-   All · #7609

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-05-06
- **Updated**: 2026-08-28
- **Added**: 2026-03-22
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery