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

Showcase images and videos with an interactive 3D stacked deck, smooth swipe physics, customizable ambient glow, and auto-cycling.

Features

Interactive 3D stacked media card deck
Hardware-accelerated WebGL shader rendering
Smooth touch swipe, cursor drag, and trackpad wheel support
Ambient background halo and soft drop shadows
Support for responsive images and looping background videos
Dynamic card fanning with customizable fan angles
Kinetic drop-and-exit card transitions
Autoplay cycling with hover-pause functionality
Accessible keyboard navigation with live screen-reader status
Built-in client-side media uploader for live visitor previews
Auto-pausing animation loop when offscreen for zero idle GPU load

Customization Options

Card width, height, and responsive stage scale
Card corner radius and inner media radius
Fan rotation angle, drop distance, and vertical offset
Card background color, typography colors, and font sizes
Glow halo intensity and dynamic per-card tinting
Shadow depth and blur spread
Auto-cycle intervals and transition duration
3D cursor tilt responsiveness
Gesture controls (drag, swipe, wheel scroll)
Texture resolution limits and pixel density caps
Reduced motion compliance toggle

How to Use

Drag and drop Stacked Media Cards onto your canvas
Add your media items with custom titles, descriptions, and links
Select custom glow tints for each card to match your visuals
Adjust fan angle, card size, and drop transition distance
Fine-tune autoplay cycle timing and cursor tilt sensitivity
Publish your site with smooth 3D card interactions

Use Cases

Modern portfolio project showcases
Creative agency case studies
Premium travel and destination guides
Fashion lookbooks and editorial decks
Film, photography, and video hero reels
SaaS feature spotlights
Interactive product feature carousels
Digital collectible and artwork displays

5a:[["$","$L5d",null,{"post":{"id":"01a10cf7-59aa-74bc-b71e-891b5d458f54","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":"v6MNLSCYsfcpJtCrAQFz","resolved":true,"title":"Stacked Media Cards","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase images and videos with an interactive 3D stacked deck, smooth swipe physics, customizable ambient glow, and auto-cycling."}]},{"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":"Interactive 3D stacked media card deck"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hardware-accelerated WebGL shader rendering"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth touch swipe, cursor drag, and trackpad wheel support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient background halo and soft drop shadows"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Support for responsive images and looping background videos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic card fanning with customizable fan angles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Kinetic drop-and-exit card transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay cycling with hover-pause functionality"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible keyboard navigation with live screen-reader status"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in client-side media uploader for live visitor previews"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-pausing animation loop when offscreen for zero idle GPU load"}]}]}]},{"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":"Card width, height, and responsive stage scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card corner radius and inner media radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fan rotation angle, drop distance, and vertical offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card background color, typography colors, and font sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glow halo intensity and dynamic per-card tinting"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shadow depth and blur spread"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-cycle intervals and transition duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D cursor tilt responsiveness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gesture controls (drag, swipe, wheel scroll)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Texture resolution limits and pixel density caps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced motion compliance 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":"Drag and drop Stacked Media Cards onto your canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your media items with custom titles, descriptions, and links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Select custom glow tints for each card to match your visuals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust fan angle, card size, and drop transition distance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fine-tune autoplay cycle timing and cursor tilt sensitivity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your site with smooth 3D card interactions"}]}]}]},{"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":"Modern portfolio project showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium travel and destination guides"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fashion lookbooks and editorial decks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Film, photography, and video hero reels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS feature spotlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive product feature carousels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital collectible and artwork displays"}]}]}]}]},"introduction":"Cinematic 3D stack media carousel","slug":"stacked-media-cards","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/01a10cf6-aa55-73fd-80bc-62c149319ef6.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T16:48:18.673Z","updatedAt":"2026-10-05T16:48:18.673Z","publishedAt":"2026-10-05T16:48:18.666Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://massive-platform-233655.framer.app/","price":"5","paymentUrl":"https://madebymariam.lemonsqueezy.com/checkout/buy/1839c036-7df7-4710-92e2-5d4cf90b3714","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"gpDHjXnNr6yFKWiz0xgx","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-05T16:48:19.372Z","updatedAt":"2026-10-05T16:48:19.372Z","reported":false}}],"$L5f"]

Suggested for you