3D Studio Gallery

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