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

Depth Carousel Pro is a premium 3D image and video carousel for Framer that creates a layered depth effect with perspective, tilt, spacing, and smooth card transitions. Showcase visual content in an immersive horizontal layout with interactive drag, wheel navigation, autoplay, keyboard controls, and responsive positioning.

HOW TO USE

Add Depth Carousel Pro to your Framer page
Add images or videos to your carousel cards
Add titles, captions, and individual CMS Links
Adjust card size, spacing, depth, perspective, tilt, and visual styling
Enable drag, wheel, keyboard navigation, or autoplay
Customize captions, counters, arrows, progress, and link labels
Adjust video sound, muted playback, and link behavior

KEY FEATURES

3D Depth Carousel — Create layered cards with perspective, depth, tilt, and smooth spatial positioning.
Image & Video Support — Showcase both static images and video content in the same carousel.
CMS Links — Add an individual link to every card for CMS pages, projects, case studies, or external destinations.
Interactive Navigation — Drag, wheel, touch, and keyboard controls provide smooth browsing across the carousel.
Autoplay — Automatically move through cards with adjustable timing and pause-on-hover behavior.
Dynamic Card Motion — Control spacing, depth, tilt, perspective, haze, shadows, and card transitions.
Rich Information Panel — Display titles, captions, counters, navigation arrows, progress indicators, and customizable link labels.
Responsive Layout — Automatically adapts the 3D composition for desktop, tablet, and mobile layouts.

WHY DEPTH CAROUSEL PRO?

Depth Carousel Pro turns a standard carousel into a more immersive visual experience by combining layered card positioning with 3D perspective and fluid interaction. The focused card stays prominent while surrounding cards create a strong sense of depth and movement.

5a:[["$","$L5d",null,{"post":{"id":"01a10542-d8d5-7479-add8-25adcf38ae0a","title":null,"body":"

Interactive 3D Depth Carousel

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D Depth Carousel"}]}]},"author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"peysE7iMlGKlLFun8uNT","resolved":true,"title":"Depth Carousel Pro","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth Carousel Pro","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium 3D image and video carousel for Framer that creates a layered depth effect with perspective, tilt, spacing, and smooth card transitions. Showcase visual content in an immersive horizontal layout with interactive drag, wheel navigation, autoplay, keyboard controls, and responsive positioning."}]},{"type":"customHeading","content":[{"type":"text","text":"HOW TO USE"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"Depth Carousel Pro","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add images or videos to your carousel cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add titles, captions, and individual CMS Links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust card size, spacing, depth, perspective, tilt, and visual styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable drag, wheel, keyboard navigation, or autoplay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize captions, counters, arrows, progress, and link labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust video sound, muted playback, and link behavior"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Depth Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" — Create layered cards with perspective, depth, tilt, and smooth spatial positioning."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image & Video Support","marks":[{"type":"bold"}]},{"type":"text","text":" — Showcase both static images and video content in the same carousel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Links","marks":[{"type":"bold"}]},{"type":"text","text":" — Add an individual link to every card for CMS pages, projects, case studies, or external destinations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" — Drag, wheel, touch, and keyboard controls provide smooth browsing across the carousel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay","marks":[{"type":"bold"}]},{"type":"text","text":" — Automatically move through cards with adjustable timing and pause-on-hover behavior."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Card Motion","marks":[{"type":"bold"}]},{"type":"text","text":" — Control spacing, depth, tilt, perspective, haze, shadows, and card transitions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rich Information Panel","marks":[{"type":"bold"}]},{"type":"text","text":" — Display titles, captions, counters, navigation arrows, progress indicators, and customizable link labels."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Layout","marks":[{"type":"bold"}]},{"type":"text","text":" — Automatically adapts the 3D composition for desktop, tablet, and mobile layouts."}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY DEPTH CAROUSEL PRO?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Depth Carousel Pro","marks":[{"type":"bold"}]},{"type":"text","text":" turns a standard carousel into a more immersive visual experience by combining layered card positioning with 3D perspective and fluid interaction. The focused card stays prominent while surrounding cards create a strong sense of depth and movement."}]},{"type":"paragraph"}]},"introduction":"Interactive 3D Depth Carousel","slug":"depth-carousel-pro","author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/38425120-6213-4b66-8b3c-e3e66d07ec64/01a10542-b27c-76b9-90c5-afbf87368edb.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T04:53:48.851Z","updatedAt":"2026-10-04T04:53:48.851Z","publishedAt":"2026-10-04T04:53:48.849Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Colonnade-umChve.js@dFVL9Jmjo9xu46TjViZz","previewUrl":"https://depthcarouselpro.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"dFVL9Jmjo9xu46TjViZz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T04:53:49.397Z","updatedAt":"2026-10-04T04:53:49.397Z","reported":false}}],"$L5f"]

Suggested for you