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

Smooth Ring Gallery is a premium Framer code component for creating cinematic 3D image carousels with a smooth ring-style layout.

It is built for portfolio sections, agency websites, landing pages, product showcases, architecture galleries, creative studios, and visual storytelling pages.

Key Features

Smooth ring-style image carousel
Drag and wheel navigation
Click-to-focus interaction
Optional clickable center image links
3D depth and perspective
Glass-style image thickness
Parallax tilt hover effect
Cinematic image grading
Overlay, vignette, shadow, border, shine, fog, and texture controls
Caption title and number controls
Native Framer font controls
Responsive sizing
Static-render safe setup for Framer
Clean grouped controls for easy customization

Controls

Media images, titles, links, and new-tab option
Card width and height
Ring radius, depth, tilt, spacing, and active scale
Drag speed, wheel speed, autoplay, snap, and smoothness
Background, radius, image fit, glass depth, shadow, overlay, vignette, and border
Parallax tilt on/off, tilt strength, image movement, scale, perspective, and smoothness
Image grading, blur, shine, fog, distortion, texture, and masks
Title and number typography using Framer font controls

Use Cases

Portfolio image galleries
Agency showcase sections
Product feature galleries
Architecture and interior design websites
Creative landing pages
Hero sections
Case study previews
Interactive media sections

Refund Policy

Due to the digital nature of this product, all sales are final. Refunds are only considered if the component cannot be accessed or if a major technical issue is reported and cannot be resolved after support.

5a:[["$","$L5d",null,{"post":{"id":"019e7948-8ff2-7d9a-b9ff-1fff3288b8c4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f80a15fa-e4be-4492-872d-e5912e1de472","name":"mehul","slug":"justmehul","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f80a15fa-e4be-4492-872d-e5912e1de472/7x1q6wbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cmfUx48GqnSH3P2AiUVy","resolved":true,"title":"Smooth Ring Gallery","body":"$5e","bodyJson":null,"introduction":"3D ring carousel with smooth drag","slug":"smooth-ring-gallery","author":{"framerUserId":"f80a15fa-e4be-4492-872d-e5912e1de472","name":"mehul","slug":"justmehul","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f80a15fa-e4be-4492-872d-e5912e1de472/7x1q6wbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/cmfUx48GqnSH3P2AiUVy/smooth-ring-gallery-nGnifMUed5IQ3AA0AbgZ0sW4R2u5TG","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-26T07:29:22.201Z","updatedAt":"2026-07-15T04:04:32.950Z","publishedAt":"2026-05-30T14:27:39.122Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Smooth-Ring-Gallery-pg3Sdw.js@80eDuHvxwggeh6lRrNyW","previewUrl":"https://smooth-ring-gallery.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"80eDuHvxwggeh6lRrNyW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":54,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T14:27:39.122Z","updatedAt":"2026-05-30T14:27:39.122Z","reported":false}}],"$L5f"]

Suggested for you