MDX OmniMediaStage

MDX_OmniMediaStage

A premium media showcase engine for Framer. Built for portfolios, galleries, agencies, brands, products, SaaS, AI content, and any site where images or video deserve more than a basic grid.

✨ Key Features

• Glassmorphic Lightbox: Fullscreen viewing with drag-to-dismiss, keyboard navigation, audio controls, prompt copy, and media download.

• Smart Pulse Director: Spotlights one visible video at a time using a fair-shuffle queue and animated gradient border.

• Explorer Mode: Disable Pulse for hover-to-play video with zero-preload behavior, ideal for large galleries.

• Canvas-Friendly: Detects the Framer Canvas and pauses heavy video behavior so editing stays smooth.

• Advanced MediaGuard: Native lazy loading, instant posters, buffering feedback, and efficient media handling.

🎥 Dual Playback Modes

Curator Mode — Pulse On: One visible video plays at a time while surrounding videos remain subdued, creating a guided editorial experience.

Explorer Mode — Pulse Off: Videos remain as lightweight posters until hovered, reducing bandwidth and keeping large collections responsive.

📱 Intelligent Responsive Layout

OmniMediaStage automatically transforms complex desktop compositions into clean tablet and mobile mosaics while protecting media proportions and visual hierarchy. Control spans, gaps, radius, captions, typography, and focus points directly in Framer.

Perfect For

Portfolios, photography, films, galleries, albums, agency work, case studies, product showcases, SaaS sites, brand campaigns, editorial stories, AI-generated media, and large mixed-media libraries.

From a few images to extensive video collections, OmniMediaStage gives Framer designers a polished way to present media beautifully and efficiently.

Live Demo & Documentation: https://modax.framer.website/mdx-components/mdx-omni-media-stage

Drop it in, set your spans, and let your media take the stage.