56:I[473921,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mwzcaalgk6io.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/30ex342hi0wzr.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/222e_wk0i41rv.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/3pe6luvwzbwnz.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/33kea80yupbzt.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/05yll7e_snxjv.js"],"PostDetailCard"] 57:T73e,

Bring your images to life with a continuously rotating 3D ring that tilts and shifts with your cursor.

RING is an interactive 3D image gallery for Framer built for bold hero sections, client showcases, editorial layouts, and any page that needs a strong visual centrepiece. Upload your images, set the card count and ring radius, and let the rotation and cursor parallax do the rest.

Key Features:

Continuously rotating 3D ring built entirely on CSS 3D transforms
Cursor-driven parallax tilt on both X and Y axes
Staggered intro animation with configurable duration and timing
Images repeat automatically to fill any card count up to 96
Upload up to 12 source images with alt text support
Independent yaw and tilt strength controls for the mouse parallax
Adjustable ring radius, card size, border radius, and base tilt

Controls:

Card Count sets how many cards appear around the ring
Ring Radius controls the overall size of the ring
Base Tilt sets the resting angle of the ring
Auto Rotate Speed controls how fast the ring spins
Mouse Yaw controls left and right tilt with the cursor
Mouse Tilt controls forward and backward tilt with the cursor
Scene Perspective adjusts the depth of the 3D view
Intro Duration and Intro Stagger control the entry animation timing

Best For:

Hero sections with strong rotational motion
Client and portfolio showcase layouts
Fashion, editorial, and luxury brand sites
Creative agency and studio landing pages
Any section where a static gallery isn't enough

53:[["$","$L56",null,{"post":{"id":"019d912b-7520-7906-a791-87e8f5e641f3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d4d1b990-96ee-4134-b3d2-90779f21991d","name":"Antariksh \"Ryan\" Borgohain","slug":"ryannavisora","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33145/avatar-VA8rsuIfRlJXMfkHCNtwXxX7YP0QHZ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6GGh7WHGFgn2Tb9nZMoN","resolved":true,"title":"RING","body":"$57","bodyJson":null,"introduction":"A rotating 3D image ring with cursor par","slug":"ring","author":{"framerUserId":"d4d1b990-96ee-4134-b3d2-90779f21991d","name":"Antariksh \"Ryan\" Borgohain","slug":"ryannavisora","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33145/avatar-VA8rsuIfRlJXMfkHCNtwXxX7YP0QHZ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6GGh7WHGFgn2Tb9nZMoN/ring-XssvCyx21dQofFeZeV1ASWcgKfeA2f","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-11T12:00:31.524Z","updatedAt":"2026-04-15T08:11:28.438Z","publishedAt":"2026-04-15T12:43:57.600Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ring.framer.media/","price":"7","paymentUrl":"https://buy.polar.sh/polar_cl_hIlBFsNWBsZTYZeFqTCw6F5jNlEQVzr3Xdifz4F1UFy","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"bCeaIkeHHoTc7FZgEOb4","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-04-15T12:43:57.600Z","updatedAt":"2026-04-15T12:43:57.600Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you