CMS Infinite Grid

Improve your layouts with this CMS infinite-scrolling image grid with seamless tiling, smooth drag interactions, and beautiful hover effects for engaging user experiences. This component transforms static grids into engaging, interactive experiences with powerful customization for designers and developers, with CMS images (Single images or Gallery fields)

🚀 High-Performance CMS Integration

• Seamlessly connects to any Framer CMS Collection List or Gallery

• Automatic data extraction from collection items

• Smart image preloading for instant loading times

• Optimized rendering with minimal re-renders

• Handles large collections efficiently

⚙️ How to Set It Up

• Connect Collection List to component

• Choose from 5 grid layouts (Horizontal, Vertical, Diagonal Left/Right, Shuffle)

• Define the type of CMS connexion (Collection List or Gallery)

• Customize appearance and interactions

• Enable lightbox and hover effects

✨ Key Features

• 5 Grid Layouts: Horizontal, Vertical, Diagonal Left/Right, Shuffle

• Infinite Drag: Seamless scrolling with momentum physics

• Hover Effects: Subtle glow and image enhancement

• Lightbox: Full-screen viewing with navigation controls

• Touch Support: Mobile and tablet optimized

• Performance: Smart preloading and efficient rendering

🎛️ Customization

• Grid parameters (size, gaps, radius)

• Animation timing and drag behavior

• Visual effects and lightbox styling

• Responsive design across screen sizes

💡 Best Practices

• Optimize images for performance

• Organize collections logically

• Test responsive behavior

• Enable preloading for better UX

⚠️ Commercial use restrictions :* - Sharing with third parties who haven't bought the component on Framer Marketplace, nor on LemonSqueezy's FramerMaster's account is PROHIBITED

* - Use of this component in templates, direct resell or shared link without payment is strictly PROHIBITED