5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.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/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.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/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.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:T833,

Image Ring Gallery is a premium interactive 3D image gallery for Framer that transforms ordinary images into a stunning circular carousel. Featuring smooth rotation, realistic perspective, fluid drag interactions, and cinematic animations, it creates an immersive visual experience for modern websites.

Key Features

Interactive 3D circular image gallery
Smooth infinite ring rotation
Automatic spinning with adjustable speed
Left and right rotation directions
Drag navigation with natural momentum
Mouse wheel and page scroll interactions
Adjustable drag sensitivity and glide
Dynamic tilt and sway interactions
Custom ring radius and 3D perspective
Adjustable image width, height, and corners
Customizable number of image slots
Rise, bloom, and deal entrance animations
Adjustable animation duration and stagger
Interactive image lift on hover
Animated image popup viewer
Cinematic shutter reveal transitions
Keyboard navigation inside the viewer
Custom popup backdrop and blur effects
Individual image links and click actions
Custom background, borders, and styling

Where to Use

Image Ring Gallery is ideal for creative portfolios, photography websites, design agencies, architecture studios, fashion brands, art galleries, interior design showcases, product collections, and modern landing pages.

Its rotating 3D arrangement, smooth motion, and animated image viewer make it especially suitable for visual storytelling, editorial websites, luxury brands, creative studios, and experimental web design.

I hope you enjoy using Image Ring Gallery! For custom components or other Framer-related projects, contact oddframeworks@gmail.com.

5a:[["$","$L5d",null,{"post":{"id":"01a11f46-bd9f-7099-8c92-51e67241c498","title":null,"body":"

Image Ring Gallery

Interactive 3D Rotating Gallery

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Ring Gallery","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D Rotating Gallery"}]}]},"author":{"framerUserId":"5a06d82f-2719-499a-95b4-257f169a0ff6","name":"Oddframe","slug":"oddframe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a06d82f-2719-499a-95b4-257f169a0ff6/vzf7d4ja","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qaggvM2Q04rvxIsT05B3","resolved":true,"title":"Image Ring Gallery","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Ring Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium interactive 3D image gallery for Framer that transforms ordinary images into a stunning circular carousel. Featuring smooth rotation, realistic perspective, fluid drag interactions, and cinematic animations, it creates an immersive visual experience for modern websites."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D circular image gallery"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth infinite ring rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic spinning with adjustable speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Left and right rotation directions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag navigation with natural momentum"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse wheel and page scroll interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable drag sensitivity and glide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic tilt and sway interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom ring radius and 3D perspective"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable image width, height, and corners"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable number of image slots"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rise, bloom, and deal entrance animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable animation duration and stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive image lift on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated image popup viewer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic shutter reveal transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard navigation inside the viewer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom popup backdrop and blur effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual image links and click actions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom background, borders, and styling"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Where to Use"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Image Ring Gallery is ideal for "},{"type":"text","text":"creative portfolios, photography websites, design agencies, architecture studios, fashion brands, art galleries, interior design showcases, product collections, and modern landing pages","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Its rotating 3D arrangement, smooth motion, and animated image viewer make it especially suitable for "},{"type":"text","text":"visual storytelling, editorial websites, luxury brands, creative studios, and experimental web design","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"I hope you enjoy using Image Ring Gallery! For custom components or other Framer-related projects, contact "},{"type":"text","text":"oddframeworks@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:oddframeworks@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"."}]}]},"introduction":"Interactive 3D Rotating Gallery","slug":"image-ring-gallery","author":{"framerUserId":"5a06d82f-2719-499a-95b4-257f169a0ff6","name":"Oddframe","slug":"oddframe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a06d82f-2719-499a-95b4-257f169a0ff6/vzf7d4ja","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a06d82f-2719-499a-95b4-257f169a0ff6/01a11f41-aad4-71de-aef3-66efac3710fd.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-10-09T06:08:11.489Z","updatedAt":"2026-10-09T06:08:11.489Z","publishedAt":"2026-10-09T06:08:11.481Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Gyre-QILgVY.js@LiCViVff3VPFfieenTVS","previewUrl":"https://imageringgallery.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"LiCViVff3VPFfieenTVS","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-10-09T06:08:12.191Z","updatedAt":"2026-10-09T06:08:12.191Z","reported":false}}],"$L5f"]

Suggested for you