MDX_CineGallery

🎞️ Meet MDX_CineGallery — Where Images Become Experiences.

Transform ordinary image galleries into immersive cinematic showcases. Built for Framer, MDX_CineGallery combines a spacious image stage, true CSS 3D Cinema Rail, intelligent navigation, and an elegant Theater Mode in one premium, responsive component.

✨ Features That Set It Apart

🌀 Adaptive 3D Cinema Rail — A vertical 3D rail beside the image on wider layouts or a horizontal drum below on smaller screens. Position it left or right, or collapse it for more viewing space.

🎭 Immersive Theater Mode — Enjoy distraction-free image viewing with responsive navigation controls positioned outside the artwork.

👆 Swipe, Drag & Trackpad — Navigate naturally using touch gestures, mouse dragging, trackpad swipes, or Cinema Rail controls.

🖼️ Smart Fit Technology — Beautiful image framing with six aspect ratios: 16:9, 16:10, 4:3, 3:2, 1:1, and 9:16.

🔢 Smart Slide Counter — An interactive counter lets visitors jump directly to any image, including in Theater Mode.

🌈 Image-Aware Ambient Glow — Subtle, dynamic lighting inspired by the selected image.

♿ Keyboard Navigation — Accessible controls, arrow-key navigation, and reduced-motion support.

🎨 Complete Visual Control — Light, Dark, Auto, and Glassmorphic themes, adjustable spacing, rounded corners, typography, and RTL text support.

⚡ Performance-Conscious Architecture — An eight-slot 3D rendering window, viewport-aware behavior, and a dedicated Framer Canvas preview.

🌐 Flexible Image Sources — Use Framer uploads or public HTTPS image URLs.

🚀 Designed for Visual Storytelling

Perfect for photography portfolios, architecture, luxury brands, fashion lookbooks, creative agencies, and product showcases.

🔗 Live Demo & Documentation: https://modax.framer.website/mdx-components/mdx-cine-gallery

MDX_CineGallery by MODAX — Let your images take center stage.