5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T63e,

Turn your hero section into a floating 3D gallery. Images and videos move through space as visitors scroll, then smoothly snap into a fullscreen view when scrolling stops. Add individual project links to turn your gallery into an interactive portfolio or visual showcase.

Choose between Page Scroll, which moves through your items before continuing down the page, and Infinite Gallery, which lets visitors explore a continuous loop. In Page Scroll mode, items automatically distribute across the available scroll distance based on your container height.

Customize everything directly in Framer:

Media: Add and reorder up to 12 images, videos, or demo artworks. Set individual titles, video posters, background colors, cover/contain fitting, and links.
Motion: Adjust Floatiness, Snap Speed, Fullscreen Speed, and the delay before snapping.
Gallery appearance: Control the orbit tilt and card size.
Intro: Enable an optional opening headline and description, with an adjustable display duration.
Styling: Customize typography, gallery background, and intro text color.
Navigation: Show or hide navigation controls and the page-scroll progress bar. Customize link, skip, navigation, and scroll-hint labels.

Includes responsive layouts, touch and keyboard navigation, reduced-motion support, and muted looping video with pause/play controls.

5a:[["$","$L5d",null,{"post":{"id":"01a09fea-5acd-7728-abaa-1ba713c0b4ba","title":null,"body":"

My new component is LIVE!

Orbit Gallery that snaps into full view per item

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My new component is LIVE!"}]},{"type":"paragraph","content":[{"type":"text","text":"Orbit Gallery that snaps into full view per item"}]}]},"author":{"framerUserId":"6077ac21-2755-4db6-9aea-8baf0ac61e18","name":"Konstantin Nikolaev","slug":"konstantin-nikolaev","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/232614/avatar-KstPOsJIjwzJnzSTPPO8J8RtyBHUE9.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"VCsfhSHCsacjfvbwNeDe","resolved":true,"title":"Orbit Snap Gallery","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn your hero section into a floating 3D gallery. Images and videos move through space as visitors scroll, then smoothly snap into a fullscreen view when scrolling stops. Add individual project links to turn your gallery into an interactive portfolio or visual showcase."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose between "},{"type":"text","text":"Page Scroll","marks":[{"type":"bold"}]},{"type":"text","text":", which moves through your items before continuing down the page, and "},{"type":"text","text":"Infinite Gallery","marks":[{"type":"bold"}]},{"type":"text","text":", which lets visitors explore a continuous loop. In Page Scroll mode, items automatically distribute across the available scroll distance based on your container height."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize everything directly in Framer:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media:","marks":[{"type":"bold"}]},{"type":"text","text":" Add and reorder up to 12 images, videos, or demo artworks. Set individual titles, video posters, background colors, cover/contain fitting, and links."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust Floatiness, Snap Speed, Fullscreen Speed, and the delay before snapping."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gallery appearance:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the orbit tilt and card size."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro:","marks":[{"type":"bold"}]},{"type":"text","text":" Enable an optional opening headline and description, with an adjustable display duration."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize typography, gallery background, and intro text color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation:","marks":[{"type":"bold"}]},{"type":"text","text":" Show or hide navigation controls and the page-scroll progress bar. Customize link, skip, navigation, and scroll-hint labels."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Includes responsive layouts, touch and keyboard navigation, reduced-motion support, and muted looping video with pause/play controls."}]}]},"introduction":"Gallery snapping into full screen","slug":"orbit-snap-gallery","author":{"framerUserId":"6077ac21-2755-4db6-9aea-8baf0ac61e18","name":"Konstantin Nikolaev","slug":"konstantin-nikolaev","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/232614/avatar-KstPOsJIjwzJnzSTPPO8J8RtyBHUE9.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6077ac21-2755-4db6-9aea-8baf0ac61e18/01a09fe7-a052-7432-ab21-d7cc845829a3.png","metadata":{"tint":{"h":0,"s":0,"l":36},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-14T12:35:30.534Z","updatedAt":"2026-09-14T12:35:30.534Z","publishedAt":"2026-09-14T12:35:30.526Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://orbitsnapgallery.framer.website/","price":"5","paymentUrl":"https://konstant-supply.lemonsqueezy.com/checkout/buy/8b09c576-42ad-4c14-ba15-677286c7a454","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ckHaskKvEUbihLCFmYaB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T12:35:31.150Z","updatedAt":"2026-09-14T12:35:31.150Z","reported":false}}],"$L5f"]

Suggested for you