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

3D Motion Carousel is a premium WebGL-powered image carousel that wraps your visuals around a rotating 3D cylinder, creating a smooth and immersive browsing experience. As visitors scroll, the cylinder rotates naturally while the camera follows a cinematic motion path, adding depth and movement that feels fluid and engaging. Images are seamlessly mapped around the cylinder, producing a polished showcase that's perfect for portfolios, photography, products, fashion, agencies, and creative websites.

Designed for performance, the component uses native WebGL rendering with responsive layouts, customizable motion settings, adjustable cylinder geometry, edge shading, and optional scroll indicators. It delivers a modern, high-end visual experience while remaining lightweight and easy to customize inside Framer.

Key Features

WebGL-powered 3D cylinder carousel
Scroll-driven rotation with smooth interpolation
Cinematic camera movement
Immersive depth and perspective
Responsive across desktop, tablet, and mobile
Upload unlimited images
Adjustable cylinder radius, height, and segments
Customizable rotation and scroll speed
Edge shading for enhanced depth
Optional animated scroll indicator
High-performance rendering
Easy-to-use Framer property controls
No external libraries or dependencies

Best For

Portfolio websites
Photography galleries
Product showcases
Fashion brands
Creative agencies
Architecture studios
Art exhibitions
Landing pages
Premium marketing websites
Interactive brand experiences

5a:[["$","$L5d",null,{"post":{"id":"019fa837-db03-76c8-b912-74f138bd9929","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0412f842-fca5-456f-b801-c84139673b67","name":"Motion Lab","slug":"motion-lab-space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2431349/avatar-WNkgnug1VXazTgLRq9leRMUuivwRpO.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4m1OQjPLTGXXdbqaZCgC","resolved":true,"title":"3D Motion Carousel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Motion Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium WebGL-powered image carousel that wraps your visuals around a rotating 3D cylinder, creating a smooth and immersive browsing experience. As visitors scroll, the cylinder rotates naturally while the camera follows a cinematic motion path, adding depth and movement that feels fluid and engaging. Images are seamlessly mapped around the cylinder, producing a polished showcase that's perfect for portfolios, photography, products, fashion, agencies, and creative websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for performance, the component uses native WebGL rendering with responsive layouts, customizable motion settings, adjustable cylinder geometry, edge shading, and optional scroll indicators. It delivers a modern, high-end visual experience while remaining lightweight and easy to customize inside Framer."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"WebGL-powered 3D cylinder carousel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven rotation with smooth interpolation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic camera movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Immersive depth and perspective"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload unlimited images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable cylinder radius, height, and segments"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable rotation and scroll speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge shading for enhanced depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional animated scroll indicator"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-performance rendering"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy-to-use Framer property controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external libraries or dependencies"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best For","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photography galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fashion brands"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Architecture studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Art exhibitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium marketing websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive brand experiences"}]}]}]}]},"introduction":"Smooth scroll 3D carousel","slug":"3d-motion-carousel","author":{"framerUserId":"0412f842-fca5-456f-b801-c84139673b67","name":"Motion Lab","slug":"motion-lab-space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2431349/avatar-WNkgnug1VXazTgLRq9leRMUuivwRpO.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0412f842-fca5-456f-b801-c84139673b67/019fa836-e43c-71b7-be29-1f5a0b5d4714.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-28T10:14:20.269Z","updatedAt":"2026-07-28T10:34:08.858Z","publishedAt":"2026-07-28T10:14:20.265Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://motioncarousel.framer.website/","price":"14","paymentUrl":"https://buy.polar.sh/polar_cl_M1n31BuEsL8ufZ8sqeYgv01BNK4uofqq2U7wr0Dby21","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ICQRbrhDpOTJOaKfSRbU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-28T10:14:20.676Z","updatedAt":"2026-07-28T10:14:20.676Z","reported":false}}],"$L5f"]

Suggested for you