5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Tc9a,

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 PROHIBITEDRefund policy : Because this is a digital product, all sales are considered final. Once you complete your purchase, you'll get instant access to the Framer component. Since digital items can't be returned, we're not able to offer refunds, exchanges, or cancellations. Refunds are only issued in cases of duplicate charges.Please make sure to review the features and preview materials before buying. If you're unsure or have any questions, feel free to reach out — we're happy to help before you commit.

By completing your purchase, you're confirming you understand and accept these terms.

5a:[["$","$L5d",null,{"post":{"id":"01993306-6f80-7524-a634-9a89a013a9a6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a0731dc2-e627-4a50-81d2-75a7b5791669","name":"Product Dude","slug":"product-dude","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/76312/avatar-SsuYbAXh9sy2AoOnT4NCMkJApE2lG6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"PXmunBWhDkrMBu1RlEX3","resolved":true,"title":"CMS Infinite Grid","body":"$5e","bodyJson":null,"introduction":"","slug":"cms-infinite-grid","author":{"framerUserId":"a0731dc2-e627-4a50-81d2-75a7b5791669","name":"Product Dude","slug":"product-dude","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/76312/avatar-SsuYbAXh9sy2AoOnT4NCMkJApE2lG6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/PXmunBWhDkrMBu1RlEX3/cms-infinite-grid-YVHg0EfQNt7yx8jArU6BQwgogaA6J5","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-25T09:17:26.730Z","updatedAt":"2025-12-17T14:51:26.257Z","publishedAt":"2025-09-10T09:48:03.840Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://clever-team-364326.framer.app/","price":"8","paymentUrl":"https://buy.polar.sh/polar_cl_B6O7HktwptgMBioMfPGvxoNtDngIIlV49Ci3Y1uU4kj","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"DOHSVIPnRAsnBsqZqwCX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-10T09:48:03.840Z","updatedAt":"2025-09-10T09:48:03.840Z","reported":false}}],"$L5f"]

Suggested for you