MDX_MediaMosaic
V2.1.0A premium mixed-media mosaic for Framer that turns images and video into responsive editorial compositions with viewport-aware playback and an adaptive cinematic Theater Mode.
Overview
MDX_MediaMosaic is a production-ready image and video showcase system engineered for Framer. It combines designer-authored mosaic composition with intelligent media orchestration, allowing each breakpoint to have its own Columns, Row Height, and tile spans while preserving authored intent through automatic span clamping.
The component ships with a polished six-item default mosaic so designers immediately see a finished experience when it is dropped onto the canvas. On Preview and Live pages, MediaGuard manages loading and failure states, Pulse Director focuses playback on visible video cells, and Theater Mode expands selected media into a responsive full-view experience without covering the media with controls.
Creative Portfolios
Mixed Media Showcases
Combine photography, motion reels, campaign stills, and video into one editorial composition.
AI Media
Generative Galleries
Present AI images and generated video with poster-first loading, prompt copying, and cinematic full-view playback.
Brand Campaigns
Visual Storytelling
Build launch pages and campaign galleries where hero media and supporting moments share one controlled mosaic.
Product Marketing
Feature Showcases
Mix UI stills, product renders, demos, and motion assets with deliberate spatial hierarchy.
Film and Motion
Reel Collections
Curate trailers, scenes, posters, and behind-the-scenes imagery with viewport-aware video playback.
Editorial Sites
Curated Collections
Create magazine-style visual layouts that can be authored independently across Desktop, Tablet, and Phone.
Features Stage
🎬
Dual Playback Modes
Use Pulse Director for curated automatic playback or disable it for Gallery Mode with hover-to-play video and minimal network activity.
Properties Gadget
User Guide
Step 1 of 128%
Drop the Mosaic:
Add MDX_MediaMosaic to the page and let it Fill the width of its parent frame.
Build Editorial Media Experiences, Not Just Grids
MDX_MediaMosaic combines native Framer breakpoint authoring, viewport-aware media orchestration, resilient MediaGuard states, and a responsive cinematic Theater Mode so image and video collections feel intentional without wasting performance.
✓ Designer-authored responsive mosaic composition
✓ Viewport-only video playback with predictive lazy loading
✓ Premium Theater Mode with unobstructed controls
✓ Resilient empty, loading, cached, and error-state handling
✓ Keyboard, swipe, focus, and reduced-motion accessibility
✓ Static-renderer-safe behavior for Framer Canvas and export
FAQ
Get MODAX Releases First
Early access to components, templates, and plugins — plus exclusive freebies and limited-time discounts.
