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

Component Details

This cinematic 3D carousel component is built to deliver an immersive and premium browsing experience inside Framer. Featuring layered perspective motion, smooth transitions, and visually rich interactions, the component transforms ordinary galleries into dynamic storytelling sections.

Features

Realistic 3D perspective layout
Center-focused active card animation
Dynamic scaling and depth transitions
Smooth horizontal carousel movement
Subtle rotation for side cards
Soft glow borders and cinematic shadows
Elegant dark UI aesthetic
Responsive across all screen sizes
Smooth hover and interaction effects
Infinite-style navigation experience
Optimized performance and fluid animations
Seamless video background integration for all cards
Interactive mouse-tracking glow cursor effect

Customization Options

All customization options are available directly in the Framer sidebar, making the component fully editable without coding.

You can customize:

Card width and height
Carousel spacing and alignment
Perspective depth intensity
Active card scale
Rotation amount for side cards
Glow color and opacity
Border radius
Shadow softness and intensity
Background colors and gradients
Animation duration and easing
Drag sensitivity
Hover effects
Opacity and blur for inactive cards
Image content
Text content
Responsive behavior for tablet and mobile
Auto-play speed and looping
Transition smoothness

Perfect For

AI art showcases
Creative portfolios
NFT galleries
Premium hero sections
Fashion editorials
Product presentations
Interactive storytelling layouts
Futuristic landing pages

Experience

The component is designed to create a cinematic visual flow where users naturally focus on the center card while surrounding elements enhance depth and motion. The result feels modern, immersive, and highly polished for premium digital experiences.

5a:[["$","$L5d",null,{"post":{"id":"019e6f8e-adec-7c0e-a0f9-5d59683ebf5c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7ef180e7-8ecf-4867-ba97-b8b326af3298","name":"Ahmad Raza","slug":"ahmad-raza-7sudy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2053910/avatar-tfPwUg15SAwe33U02ciLOXnRTynklA.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"xjRPw0QxnUgMboWcn7TW","resolved":true,"title":"ThreeDslider","body":"$5e","bodyJson":null,"introduction":"A cinematic 3D card carousel","slug":"threedslider","author":{"framerUserId":"7ef180e7-8ecf-4867-ba97-b8b326af3298","name":"Ahmad Raza","slug":"ahmad-raza-7sudy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2053910/avatar-tfPwUg15SAwe33U02ciLOXnRTynklA.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xjRPw0QxnUgMboWcn7TW/threedslider-WPWVSDrxFvhr9mtflN34bSSg8z9yL4","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-20T15:33:33.356Z","updatedAt":"2026-07-02T06:23:57.056Z","publishedAt":"2026-05-28T17:08:02.156Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/CurvedCarousel-5H9n6y.js@xui6Qz6M9zZauNodGEx5","previewUrl":"https://3d-carousel.framer.ai/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"xui6Qz6M9zZauNodGEx5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":31,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-28T17:08:02.156Z","updatedAt":"2026-05-28T17:08:02.156Z","reported":false}}],"$L5f"]

Suggested for you