5c: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"] 5d:Ta03,

3D Envelope Gallery is a premium interactive image and video gallery for Framer that transforms a sealed envelope into an immersive 3D media experience. Open the envelope to reveal layered cards with smooth spring animations, floating layouts, depth, tilt, hover previews, and draggable interactions.

HOW TO USE

Add 3D Envelope Gallery to your Framer page
Add images or videos to your gallery cards
Choose portrait, square, landscape, or tall card shapes
Add individual CMS Links to cards for projects, pages, or external destinations
Customize the envelope paper, liner, label, address, wax seal, and monogram
Adjust card spacing, tilt, shuffle, frame, radius, and shadows
Configure hover peek, dragging, autoplay, and lightbox controls

KEY FEATURES

3D Envelope Interaction — Open a realistic envelope to reveal layered image and video cards.
Image & Video Support — Combine images and videos in one interactive gallery.
Dynamic Card Reveal — Cards smoothly emerge and arrange into a balanced composition.
CMS Links — Link individual cards to CMS pages, projects, case studies, or external destinations.
Draggable Cards — Freely move cards after opening for a tactile experience.
Hover Peek — Preview cards sliding from the envelope before opening.
3D Tilt & Depth — Add rotation, spacing, shadows, and depth for an editorial layout.
Interactive Lightbox — View cards fullscreen with navigation, counters, blur, and links.
Video Autoplay — Automatically play videos when the gallery is open and visible.
Custom Envelope Styling — Personalize paper, liner, seal, typography, labels, and backgrounds.
Responsive & Accessible — Adapts to different canvas sizes and respects reduced-motion preferences.

WHY 3D ENVELOPE GALLERY?

3D Envelope Gallery transforms a traditional gallery into a memorable interactive reveal. Instead of showing content in a standard grid or carousel, your visuals begin hidden inside a sealed envelope and unfold into a dynamic 3D composition.

59:[["$","$L5c",null,{"post":{"id":"01a10567-4a7e-76ce-998a-0fd82833910b","title":null,"body":"

3D Envelope Gallery

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Envelope Gallery"}]}]},"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":"z7UbsN97MSDdUEljvnoX","resolved":true,"title":"3D Envelope Gallery","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Envelope Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium interactive image and video gallery for Framer that transforms a sealed envelope into an immersive 3D media experience. Open the envelope to reveal layered cards with smooth spring animations, floating layouts, depth, tilt, hover previews, and draggable interactions."}]},{"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":"3D Envelope Gallery","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 gallery cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose portrait, square, landscape, or tall card shapes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add individual CMS Links to cards for projects, pages, or external destinations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the envelope paper, liner, label, address, wax seal, and monogram"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust card spacing, tilt, shuffle, frame, radius, and shadows"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configure hover peek, dragging, autoplay, and lightbox controls"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Envelope Interaction","marks":[{"type":"bold"}]},{"type":"text","text":" — Open a realistic envelope to reveal layered image and video cards."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image & Video Support","marks":[{"type":"bold"}]},{"type":"text","text":" — Combine images and videos in one interactive gallery."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Card Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" — Cards smoothly emerge and arrange into a balanced composition."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Links","marks":[{"type":"bold"}]},{"type":"text","text":" — Link individual cards to CMS pages, projects, case studies, or external destinations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable Cards","marks":[{"type":"bold"}]},{"type":"text","text":" — Freely move cards after opening for a tactile experience."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Peek","marks":[{"type":"bold"}]},{"type":"text","text":" — Preview cards sliding from the envelope before opening."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Tilt & Depth","marks":[{"type":"bold"}]},{"type":"text","text":" — Add rotation, spacing, shadows, and depth for an editorial layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Lightbox","marks":[{"type":"bold"}]},{"type":"text","text":" — View cards fullscreen with navigation, counters, blur, and links."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video Autoplay","marks":[{"type":"bold"}]},{"type":"text","text":" — Automatically play videos when the gallery is open and visible."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Envelope Styling","marks":[{"type":"bold"}]},{"type":"text","text":" — Personalize paper, liner, seal, typography, labels, and backgrounds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive & Accessible","marks":[{"type":"bold"}]},{"type":"text","text":" — Adapts to different canvas sizes and respects reduced-motion preferences."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY 3D ENVELOPE GALLERY?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"3D Envelope Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" transforms a traditional gallery into a memorable interactive reveal. Instead of showing content in a standard grid or carousel, your visuals begin hidden inside a sealed envelope and unfold into a dynamic 3D composition."}]}]},"introduction":"3D Gallery With Dynamic Reveal","slug":"3d-envelope-gallery","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/01a10567-0d84-71a4-974a-e9cb51913a4c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T05:33:37.154Z","updatedAt":"2026-10-04T05:33:37.154Z","publishedAt":"2026-10-04T05:33:37.152Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Reliquary-y64d7n.js@BHVYJKj3YzqJwtQUbVno","previewUrl":"https://3denvelopegallery.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"BHVYJKj3YzqJwtQUbVno","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T05:33:37.790Z","updatedAt":"2026-10-04T05:33:37.790Z","reported":false}}],"$L5e"]

Suggested for you