SearchF
June 11, 2026/Advanced/Galleries & Media

Infinite Draggable Grid

Infinite scrolling masonry grid powered by GSAP Observer. Supports drag, wheel, and touch input with parallax column speeds, card scale effects on movement, and seamless wrapping in all directions.

Live Demo ↗

Preview

Source

import InfiniteGrid from "./index.jsx";

const ITEMS = [
  { src: "/demo-assets/models/model0.png", alt: "" },
  { src: "/demo-assets/models/model1.png", alt: "" },
  { src: "/demo-assets/models/model2.png", alt: "" },
  { src: "/demo-assets/models/model3.png", alt: "" },
  { src: "/demo-assets/models/model4.png", alt: "" },
  { src: "/demo-assets/models/model5.png", alt: "" },
  { src: "/demo-assets/models/model6.png", alt: "" },
  { src: "/demo-assets/models/model7.png", alt: "" },
  { src: "/demo-assets/models/model8.png", alt: "" },
];

export default function InfiniteGridDemo() {
  return <InfiniteGrid items={ITEMS} />;
}

Dependencies

  • gsap

Related Components

1W AGO
BeNorth Reelgalleries
1W AGO
Lamalama Case Listgalleries
1W AGO
Inkfish Work Gridgalleries