5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5e:I[539959,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"CommentSection"] 5d:T6e2,

Visual Showcase Stack is a versatile animated component for Framer that brings depth and motion to visual content through a rotating 3D image stack.

Designed for both showcase and decorative use cases, it helps highlight screenshots, product previews, website mockups, portfolios, photography, and brand visuals without taking up excessive space. The smooth autoplay animation creates a polished presentation that naturally draws attention while maintaining a clean layout.

The component is fully responsive and easy to customize. Adjust images, sizing, spacing, animation timing, corner radius, shadows, and visual styling directly within Framer to match your project.

Features:

Rotating image stack animation
Smooth autoplay transitions
Perspective-based 3D depth effect
Responsive scaling
Adjustable animation timing
Custom image support
Adjustable spacing and sizing
Custom corner radius
Custom shadow styling
Framer-native customization
No code required

Perfect for:

Hero sections
Product showcases
SaaS screenshots
Website previews
App mockups
Brand presentations
Portfolio projects
Case studies
Photography websites
Landing pages
Decorative visual sections

Whether you're building a product landing page, portfolio, or modern website, Visual Showcase Stack helps transform static visuals into engaging experiences that capture attention and add depth to your design.

59:[["$","$L5c",null,{"post":{"id":"019e9d8a-9638-7f07-83b4-1b2db1d201ba","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8d1ca3b7-6751-496a-963c-c74adff77c97","name":"Crezenith","slug":"crezenith","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/531575/avatar-t15pC2z3AJehBfmsktNdEXUSymFr2J.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NJ0G6v2n4qUdSLbgsT2o","resolved":true,"title":"VisualShowcaseStack","body":"$5d","bodyJson":null,"introduction":"Rotating 3D image stack for Framer","slug":"visualshowcasestack","author":{"framerUserId":"8d1ca3b7-6751-496a-963c-c74adff77c97","name":"Crezenith","slug":"crezenith","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/531575/avatar-t15pC2z3AJehBfmsktNdEXUSymFr2J.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NJ0G6v2n4qUdSLbgsT2o/visualshowcasestack-0JZ2eZDSaa4qBMQYHMMiEytYeWZSAq","metadata":{"tint":"hsl(0 0% 9%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-06-04T13:46:31.381Z","updatedAt":"2026-06-05T16:37:54.180Z","publishedAt":"2026-06-06T15:26:05.880Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Visual-Showcase-Stack-4XeHOK.js@NqLLNlX9AN2z4EHxCuwj","previewUrl":"https://visualshowcasestack.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"NqLLNlX9AN2z4EHxCuwj"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":27,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-06T15:26:05.880Z","updatedAt":"2026-06-06T15:26:05.880Z","reported":false}}],["$","$L5e",null,{"target":{"kind":"post","postId":"019e9d8a-9638-7f07-83b4-1b2db1d201ba"},"postId":"019e9d8a-9638-7f07-83b4-1b2db1d201ba","postAuthor":"$59:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you