5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.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/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.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/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:T995,

Image Orbit Gallery is a Framer component for creating smooth rotating image galleries with customizable cards, center logo support, and clickable popup previews.

Perfect for landing pages, portfolios, product showcases, and interactive hero sections.

Benefits:

Adds a premium animated image gallery to your website
Helps hero sections feel more dynamic and engaging
Makes portfolios and product showcases feel more interactive
Supports clickable image preview popup
Supports optional center logo
Easy to customize from the properties panel
Works with your own images
Adjustable rotation speed and direction
Supports stable image orientation while rotating
No external libraries required
Lightweight and easy to reuse
Email support is available if you need help, have questions, or find an issue
Includes free lifetime updates

What you can customize:

Image collection
Individual image rotation
Individual layer order
Rotation speed
Rotation direction
Image stabilizer
Orbit distance
Card width and height
Card radius
Card opacity
Background visibility and color
Center logo upload
Logo size and radius
Popup width and height
Popup radius
Popup background
Overlay color
Close icon button style
Card shadow

How to use

Copy the Remix Link, open it in Framer, and copy the component into your project. The component has a default size of 300 × 300 px when added to the canvas. You can resize it directly, adjust the width and height manually, or set it to fill its container depending on your layout.

Add your own images, adjust the orbit layout, enable the center logo or popup if needed, and customize the style from the properties panel.

Support

If you need help, have questions, or find an issue, email support is available. hi@crezenith.com

59:[["$","$L5c",null,{"post":{"id":"019eea0d-338f-71b8-84be-9cd9b9fe0472","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8d1ca3b7-6751-496a-963c-c74adff77c97","name":"Crezenith","slug":"crezenith","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/531575/avatar-t15pC2z3AJehBfmsktNdEXUSymFr2J.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"K4NbgxuGM6Grql1e7kmu","resolved":true,"title":"Image Orbit Gallery","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Orbit Gallery is a Framer component for creating smooth rotating image galleries with customizable cards, center logo support, and clickable popup previews."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for landing pages, portfolios, product showcases, and interactive hero sections."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Benefits:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adds a premium animated image gallery to your website"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Helps hero sections feel more dynamic and engaging"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Makes portfolios and product showcases feel more interactive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports clickable image preview popup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports optional center logo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize from the properties panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with your own images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable rotation speed and direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports stable image orientation while rotating"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external libraries required"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight and easy to reuse"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Email support is available if you need help, have questions, or find an issue"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Includes free lifetime updates"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What you can customize:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image collection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual image rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual layer order"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotation direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image stabilizer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Orbit distance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card width and height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card opacity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background visibility and color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Center logo upload"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo size and radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Popup width and height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Popup radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Popup background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Overlay color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Close icon button style"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card shadow"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the Remix Link, open it in Framer, and copy the component into your project. The component has a default size of "},{"type":"text","text":"300 × 300 px","marks":[{"type":"bold"}]},{"type":"text","text":" when added to the canvas. You can resize it directly, adjust the width and height manually, or set it to fill its container depending on your layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Add your own images, adjust the orbit layout, enable the center logo or popup if needed, and customize the style from the properties panel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you need help, have questions, or find an issue, email support is available. "},{"type":"text","text":"hi@crezenith.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@crezenith.com","target":"_blank"}}]}]},{"type":"paragraph"}]},"introduction":"Orbit gallery with popup preview","slug":"image-orbit-gallery","author":{"framerUserId":"8d1ca3b7-6751-496a-963c-c74adff77c97","name":"Crezenith","slug":"crezenith","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/531575/avatar-t15pC2z3AJehBfmsktNdEXUSymFr2J.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8d1ca3b7-6751-496a-963c-c74adff77c97/7b4d1axz","metadata":{"tint":"hsl(0 0% 9%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-06-21T11:59:54.226Z","updatedAt":"2026-06-21T15:15:17.998Z","publishedAt":"2026-06-21T11:59:54.223Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://imageorbitgallery.framer.website/","price":"3","paymentUrl":"https://buy.polar.sh/polar_cl_Tk08HXob6QjqD2BbYS7SsRx9EmWeb7dkLBiAS1pBG9u","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"LRzxYE0rCmpoPGu5t5kG"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T11:59:54.255Z","updatedAt":"2026-06-21T11:59:54.255Z","reported":false}}],"$L5e"]

Suggested for you