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

360 Spin Carousel puts your images and videos on a 3D wheel you can grab and spin. Drag horizontally to orbit, drag vertically to tilt the camera, and flick to throw the wheel with real momentum. While you drag, the whole scene zooms out with your speed, then settles back to full scale as the spin decays.

Features

- Drag to spin with velocity and inertia, flick it and let it ride

- Drag warp: the scene shrinks with speed and eases back on release

- Orbit tilt: vertical drag changes the camera angle

- Morphing depth: front items scale up, back items fade and blur

- Images and video mixed in the same wheel

- Nav dots, lines or arrows plus keyboard navigation

- Auto rotate with speed and direction control

Perfect for

- Hero sections that need a centerpiece, not another slider

- Portfolio and case study showcases

- Product and lookbook displays

- Music, event, or editorial cover walls

Customization

360 Spin (radius, perspective, tilt, auto rotate), Drag Warp (zoom out, speed shrink, ease), Card (size, radius, reflection, glow, border), Morphing (scale, fade, blur), Nav (style, spacing, prev and next), and background color are all exposed in the property panel. Every image takes its own alt text.

How to use

1. Drop the component onto any frame and resize it.

2. Replace the sample media with your own images or videos.

3. Pick a nav style and tune radius, tilt, and card size.

4. Adjust the Drag Warp controls for a softer or wilder feel.

5a:[["$","$L5d",null,{"post":{"id":"019f2839-fcaa-7748-8f28-7d6f5d5b0f28","title":null,"body":"

A Free 3D wheel carousel with drag physics, morphing depth, and smooth nav. Can't wait to see it in action!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A Free 3D wheel carousel with drag physics, morphing depth, and smooth nav. Can't wait to see it in action!"}]}]},"author":{"framerUserId":"7b603305-b2be-4297-94ea-933ec2bc81bc","name":"Marco Ponce de León","slug":"poncedeleonstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7b603305-b2be-4297-94ea-933ec2bc81bc/zl0qgk74","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4vkhiYXZTzyBs64rWLjz","resolved":true,"title":"360 Spin Carousel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"360 Spin Carousel puts your images and videos on a 3D wheel you can grab and spin. Drag horizontally to orbit, drag vertically to tilt the camera, and flick to throw the wheel with real momentum. While you drag, the whole scene zooms out with your speed, then settles back to full scale as the spin decays."}],"attrs":{"level":2}},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- Drag to spin with velocity and inertia, flick it and let it ride"}]},{"type":"paragraph","content":[{"type":"text","text":"- Drag warp: the scene shrinks with speed and eases back on release"}]},{"type":"paragraph","content":[{"type":"text","text":"- Orbit tilt: vertical drag changes the camera angle"}]},{"type":"paragraph","content":[{"type":"text","text":"- Morphing depth: front items scale up, back items fade and blur"}]},{"type":"paragraph","content":[{"type":"text","text":"- Images and video mixed in the same wheel"}]},{"type":"paragraph","content":[{"type":"text","text":"- Nav dots, lines or arrows plus keyboard navigation"}]},{"type":"paragraph","content":[{"type":"text","text":"- Auto rotate with speed and direction control"}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- Hero sections that need a centerpiece, not another slider"}]},{"type":"paragraph","content":[{"type":"text","text":"- Portfolio and case study showcases"}]},{"type":"paragraph","content":[{"type":"text","text":"- Product and lookbook displays"}]},{"type":"paragraph","content":[{"type":"text","text":"- Music, event, or editorial cover walls"}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"360 Spin (radius, perspective, tilt, auto rotate), Drag Warp (zoom out, speed shrink, ease), Card (size, radius, reflection, glow, border), Morphing (scale, fade, blur), Nav (style, spacing, prev and next), and background color are all exposed in the property panel. Every image takes its own alt text."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"1. Drop the component onto any frame and resize it."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Replace the sample media with your own images or videos."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Pick a nav style and tune radius, tilt, and card size."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Adjust the Drag Warp controls for a softer or wilder feel."}]}]},"introduction":"Interactive 3D Component","slug":"360-spin-carousel","author":{"framerUserId":"7b603305-b2be-4297-94ea-933ec2bc81bc","name":"Marco Ponce de León","slug":"poncedeleonstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7b603305-b2be-4297-94ea-933ec2bc81bc/zl0qgk74","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7b603305-b2be-4297-94ea-933ec2bc81bc/7glnk2v9","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2755,"height":2066}}],"post":null,"createdAt":"2026-07-03T13:45:16.658Z","updatedAt":"2026-07-06T23:35:18.766Z","publishedAt":"2026-07-03T13:45:16.653Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Spin-Carousel-DGnS5z.js@QBYr1JTkjbem0gQQZNS4","previewUrl":"https://360spincarousel.framer.website/?editSite","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"QBYr1JTkjbem0gQQZNS4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":38,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-03T13:45:16.714Z","updatedAt":"2026-07-03T13:45:16.714Z","reported":false}}],"$L5f"]

Suggested for you