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

Showcase images and autoplaying videos along a smooth 3D curved track with realistic depth, responsive drag controls, and cinematic spring motion.

Features

Smooth WebGL-powered 3D circular carousel
Unified support for images, videos, and custom URLs
Natural spring physics with pointer drag and wheel support
Hardware-accelerated GLSL circular cropping shaders
Smart asset caching and automatic GPU texture memory eviction
Background video throttling to preserve device battery and frame rates
Interactive mouse tilt and floating motion effects
Static fallback rendering for Framer canvas previews and static exports
Built-in accessible keyboard navigation and reduced-motion modes
Fully responsive scaling tailored for desktop and mobile viewports

Customization Options

Track radius and perspective depth
Card diameter and circular element sizing
Angular spacing between items
Vertical horizon and lens shift adjustment
Mobile scale percentage
Drag sensitivity, spring stiffness, and damping
Interactive 3D tilt and floating bob intensity
Entrance zoom animation and duration
Autoplay controls, live video limits, and GPU texture size
Reduced motion and keyboard controls toggle

How to Use

Drop the 3D Sphere Carousel onto your Framer canvas
Add images, videos, or poster links directly in the Media panel
Adjust track radius, perspective, and diameter to fit your section layout
Tune drag sensitivity, spring damping, and hover tilt response
Set maximum simultaneous live videos for optimal performance
Publish your site for a smooth, high-converting 3D media experience

Use Cases

Hero section media showcases
Modern creative portfolio galleries
SaaS product visual tour loops
Client video testimonials and case studies
Fashion lookbooks and editorial showcases
High-end agency feature strips
E-commerce product visual carousels
Interactive mobile-friendly media sliders

5a:[["$","$L5d",null,{"post":{"id":"01a1202f-5158-759f-b393-5b0a45f22ff1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b98a0c6d-195f-46fb-9abf-090b475fe09e","name":"Ameva","slug":"ameva","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b98a0c6d-195f-46fb-9abf-090b475fe09e/q91oiwbx","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Y30ukWy6V2eNDCi38zfx","resolved":true,"title":"Sphere Carousel 3D","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase images and autoplaying videos along a smooth 3D curved track with realistic depth, responsive drag controls, and cinematic spring motion."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth WebGL-powered 3D circular carousel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unified support for images, videos, and custom URLs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Natural spring physics with pointer drag and wheel support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hardware-accelerated GLSL circular cropping shaders"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart asset caching and automatic GPU texture memory eviction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background video throttling to preserve device battery and frame rates"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive mouse tilt and floating motion effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static fallback rendering for Framer canvas previews and static exports"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in accessible keyboard navigation and reduced-motion modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive scaling tailored for desktop and mobile viewports"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization Options","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Track radius and perspective depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card diameter and circular element sizing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Angular spacing between items"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical horizon and lens shift adjustment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile scale percentage"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag sensitivity, spring stiffness, and damping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D tilt and floating bob intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Entrance zoom animation and duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay controls, live video limits, and GPU texture size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced motion and keyboard controls toggle"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the 3D Sphere Carousel onto your Framer canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add images, videos, or poster links directly in the Media panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust track radius, perspective, and diameter to fit your section layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune drag sensitivity, spring damping, and hover tilt response"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set maximum simultaneous live videos for optimal performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your site for a smooth, high-converting 3D media experience"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section media showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern creative portfolio galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS product visual tour loops"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Client video testimonials and case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fashion lookbooks and editorial showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-end agency feature strips"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"E-commerce product visual carousels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive mobile-friendly media sliders"}]}]}]}]},"introduction":"Curved 3D circular media showcase","slug":"sphere-carousel-3d","author":{"framerUserId":"b98a0c6d-195f-46fb-9abf-090b475fe09e","name":"Ameva","slug":"ameva","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b98a0c6d-195f-46fb-9abf-090b475fe09e/q91oiwbx","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b98a0c6d-195f-46fb-9abf-090b475fe09e/01a1202e-4c10-7551-b166-81c11643b9b6.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T10:22:13.690Z","updatedAt":"2026-10-09T10:23:57.849Z","publishedAt":"2026-10-09T10:22:13.685Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/spherec-wAIfh8.js@7QzRCPzgCnfog3Qjkn0U","previewUrl":"https://elegant-communication-894960.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"7QzRCPzgCnfog3Qjkn0U","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T10:22:14.361Z","updatedAt":"2026-10-09T10:22:14.361Z","reported":false}}],"$L5f"]

Suggested for you