Infinite Scroll Grid
An infinite scrolling component that creates an immersive, grid-based browsing experience with content that can be dragged in any direction
Make it with Workshop
Build your own component with AI
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
Copy and paste the component into your Framer project file.
Add the components you want to display by adding instances to the "Instances" property (frames, images, or any other components).
Adjust the gap between items to match your design.
Customize the scrolling behaviour by toggling momentum scrolling and adjusting friction and momentum strength to get the right feel.
Enable or disable scale effects that provide visual feedback when users interact with the component.
Test the component by dragging in any direction - content will infinitely repeat both horizontally and vertically.
How It Works
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
