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

Showcase images and videos inside a luxury 3D exhibition hall with real-time marble reflections, smooth scroll camera travel, and reactive mouse parallax.

Features

Realistic GLSL marble floor with real-time planar reflections
Seamless infinite loop for continuous media browsing
Dual scroll drive: wheel navigation or page scroll sync
Supports high-resolution images and auto-playing videos
Damped camera physics with mouse look parallax
Frustum culling and video pausing for ultra-high FPS
Exhibition pedestals with dynamic contact shadows
Built-in static fallback for fast canvas loads
Responsive viewport with custom pixel ratio limits
Screen reader markup for embedded media items

Customization Options

Image and MP4/WebM uploads with poster frames
Stand width, height, spacing, aisle width, and yaw angles
Camera height, field of view, pitch, and parallax look
Stone floor color, tile size, roughness, and ripple distortion
Reflection strength, blur softness, warmth, and resolution
Frame finish, metallic bevels, edge lighting, and fog
Wheel travel distance, settle time, and touch-drag toggles
Stand placement with automated alternation or side locking

How to Use

Drop the 3D Studio Gallery component onto your Framer canvas
Upload portfolio images or videos in the Media panel
Choose drive mode: Wheel (standalone) or Page (full-page scroll)
Adjust aisle width, stand dimensions, and camera pitch
Customize floor roughness, warmth, and frame accents
Publish your site for a fluid 60fps luxury 3D showcase

Use Cases

Creative agency portfolios and lookbooks
Architecture and interior design showcases
Premium SaaS product corridors
Web3, crypto, and NFT art galleries
Automotive and industrial design displays
Motion studio and video reel presentations
Interactive hero sections for modern landing pages
Dark mode, cinematic web experiences

5a:[["$","$L5d",null,{"post":{"id":"01a10d21-95a9-70bc-bd8b-dfd2d050a124","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":"5SEzCuyg7PQqWbZqO4UY","resolved":true,"title":"3D Studio Gallery","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase images and videos inside a luxury 3D exhibition hall with real-time marble reflections, smooth scroll camera travel, and reactive mouse parallax."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Realistic GLSL marble floor with real-time planar reflections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seamless infinite loop for continuous media browsing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual scroll drive: wheel navigation or page scroll sync"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports high-resolution images and auto-playing videos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Damped camera physics with mouse look parallax"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Frustum culling and video pausing for ultra-high FPS"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Exhibition pedestals with dynamic contact shadows"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in static fallback for fast canvas loads"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive viewport with custom pixel ratio limits"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Screen reader markup for embedded media items"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization Options"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image and MP4/WebM uploads with poster frames"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stand width, height, spacing, aisle width, and yaw angles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Camera height, field of view, pitch, and parallax look"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stone floor color, tile size, roughness, and ripple distortion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reflection strength, blur softness, warmth, and resolution"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Frame finish, metallic bevels, edge lighting, and fog"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wheel travel distance, settle time, and touch-drag toggles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stand placement with automated alternation or side locking"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the 3D Studio Gallery component onto your Framer canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload portfolio images or videos in the Media panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose drive mode: Wheel (standalone) or Page (full-page scroll)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust aisle width, stand dimensions, and camera pitch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize floor roughness, warmth, and frame accents"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your site for a fluid 60fps luxury 3D showcase"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency portfolios and lookbooks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Architecture and interior design showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium SaaS product corridors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web3, crypto, and NFT art galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automotive and industrial design displays"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion studio and video reel presentations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hero sections for modern landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark mode, cinematic web experiences"}]}]}]}]},"introduction":"Cinematic media walkthrough aisle.","slug":"3d-studio-gallery","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/01a10d21-6e30-70c4-b535-84894b23c0e7.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T17:34:26.532Z","updatedAt":"2026-10-05T18:01:56.140Z","publishedAt":"2026-10-05T17:34:26.525Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dark-slider-654886.framer.app/","price":"10","paymentUrl":"https://madebymariam.lemonsqueezy.com/checkout/buy/f8550b48-0ded-490e-b8bd-9871828e7fc3","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"GixrGsQ5TkzWNbGxfAbC","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T17:34:27.241Z","updatedAt":"2026-10-05T17:34:27.241Z","reported":false}}],"$L5f"]

Suggested for you