---
title: "Infinite Scroll Grid — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Nabeel · Interactive. About An infinite scrolling component that creates an immersive, grid-based browsing experience with content that can be dragged in any direction."
canonical: "https://framer.elliotli.dev/component/infinite-scroll-grid"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Infinite Scroll Grid

# Infinite Scroll Grid

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

![Infinite Scroll Grid preview image 1](https://framer.elliotli.dev/og/component/infinite-scroll-grid/692e5a3217933867/1600x1200.jpg)

## Summary

About An infinite scrolling component that creates an immersive, grid-based browsing experience with content that can be dragged in any direction.

## Description

## About

An infinite scrolling component that creates an immersive, grid-based browsing experience with content that can be dragged in any direction. It automatically tiles your content to create a seamless, infinite surface that wraps around both horizontally and vertically with smooth physics-based momentum scrolling.

## Instructions

1.  Copy and paste the component into your Framer project file.
    
2.  Add the components you want to display by adding instances to the "Instances" property (frames, images, or any other components).
    
3.  Adjust the gap between items to match your design.
    
4.  Customize the scrolling behaviour by toggling momentum scrolling and adjusting friction and momentum strength to get the right feel.
    
5.  Enable or disable scale effects that provide visual feedback when users interact with the component.
    
6.  Test the component by dragging in any direction - content will infinitely repeat both horizontally and vertically.
    

## How It Works

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-a945x5jt-5tSvmtDGf24hepuKYNIB69LTthGT4U)

The component offers extensive customization through property controls:

-   Add any Framer components as content instances
    
-   Adjust spacing with the gap property
    
-   Enable/disable momentum scrolling with physics controls
    
-   Customize interaction feedback with scale effects
    
-   Fine-tune scrolling behavior with friction and momentum strength
    

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

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

-   All · #11006

## Details

- **Author**: Nabeel
- **Price**: $15.00
- **Published**: 2025-07-30
- **Updated**: 2025-08-07
- **Added**: 2025-07-29
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step