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:T7f1,

Overview

Upgrade your Framer sites with a truly native-feeling infinite gallery. Unlike standard sliders, this component features a custom physics engine for buttery-smooth dragging and scroll inertia. It continuously loops images vertically or horizontally without layout thrashing, and includes rich spatial effects like parallax, scaling, and 3D tilting.

Features

- Vertical & Horizontal Modes: Display items as a horizontal carousel or vertical list.

- True Infinite Loop: Scroll continuously in either direction.

- Physics Engine: Custom inertia, scroll smoothing, and center-snapping.

- Spatial Effects: Deep parallax, edge scaling, fading, and 3D tilt.

- Highly Performant: Uses requestAnimationFrame and transform for 60fps.

Use Cases

- Premium Portfolio Showcases

- E-Commerce Lookbooks and Product Displays

- Photography Exhibitions

Properties

- Styling: Direction, item dimensions, gap, border radius, image fit.

- Physics: Drag/Wheel toggles, snap controls, inertia, and parallax strength.

- Effects: Scale amount, opacity amount, and 3D tilt amount.

Customization

Every aspect of the physics and styling is exposed in the Framer properties panel. Simply drop in your images, adjust the item sizes, and tweak the sliders to get the perfect feel for your project. No code required.

License

Single Use License â€” Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

Version

1.0.0

5a:[["$","$L5d",null,{"post":{"id":"019ef48e-7904-7438-b023-377e0ac630ef","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"43694cfe-23ad-481d-9cf9-3c2b362055e8","name":"FramerHub.io ","slug":"framerhub","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1146220/avatar-i8EDq2pFNiTBjFGkVIIoQbuXQMMzZI.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"r3xElDbQXvA5mwjI5EUR","resolved":true,"title":"ScrolInfiniteGallery","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":" Overview","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Upgrade your Framer sites with a truly native-feeling infinite gallery. Unlike standard sliders, this component features a custom physics engine for buttery-smooth dragging and scroll inertia. It continuously loops images vertically or horizontally without layout thrashing, and includes rich spatial effects like parallax, scaling, and 3D tilting."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Vertical & Horizontal Modes:","marks":[{"type":"bold"}]},{"type":"text","text":" Display items as a horizontal carousel or vertical list."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"True Infinite Loop:","marks":[{"type":"bold"}]},{"type":"text","text":" Scroll continuously in either direction."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Physics Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" Custom inertia, scroll smoothing, and center-snapping."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Spatial Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Deep parallax, edge scaling, fading, and 3D tilt."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Highly Performant:","marks":[{"type":"bold"}]},{"type":"text","text":" Uses requestAnimationFrame and transform for 60fps."}]},{"type":"paragraph","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Premium Portfolio Showcases"}]},{"type":"paragraph","content":[{"type":"text","text":"- E-Commerce Lookbooks and Product Displays"}]},{"type":"paragraph","content":[{"type":"text","text":"- Photography Exhibitions"}]},{"type":"paragraph","content":[{"type":"text","text":" Properties","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Direction, item dimensions, gap, border radius, image fit."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Physics:","marks":[{"type":"bold"}]},{"type":"text","text":" Drag/Wheel toggles, snap controls, inertia, and parallax strength."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Scale amount, opacity amount, and 3D tilt amount."}]},{"type":"paragraph","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Every aspect of the physics and styling is exposed in the Framer properties panel. Simply drop in your images, adjust the item sizes, and tweak the sliders to get the perfect feel for your project. No code required."}]},{"type":"paragraph","content":[{"type":"text","text":"License","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Single Use License","marks":[{"type":"bold"}]},{"type":"text","text":" â€” Use in one client project with full commercial rights. No redistribution. 1 license = 1 client."}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns! "}]},{"type":"paragraph","content":[{"type":"text","text":"Version","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"1.0.0"}]}]},"introduction":"Infinite scrolling gallery","slug":"scrolinfinitegallery","author":{"framerUserId":"43694cfe-23ad-481d-9cf9-3c2b362055e8","name":"FramerHub.io ","slug":"framerhub","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1146220/avatar-i8EDq2pFNiTBjFGkVIIoQbuXQMMzZI.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/43694cfe-23ad-481d-9cf9-3c2b362055e8/ewwe1qd9","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-23T12:57:18.302Z","updatedAt":"2026-06-24T09:10:46.904Z","publishedAt":"2026-06-23T12:57:18.298Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://renewed-costs-425741.framer.app/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_gF7UJ4rOn4sFJfunRF7ReJqCCeChXzvElPZ6P1WDeF0","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"kaV7iAecyqXXmfloTnmr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-23T12:57:18.341Z","updatedAt":"2026-06-23T12:57:18.341Z","reported":false}}],"$L5f"]

Suggested for you