The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Now live: MDX_MediaMosaic by MODAX
A production-ready media system for Framer that combines responsive image + video mosaics with intelligent playback and a cinematic Theater experience.
Instead of treating media as static grid content, MDX_MediaMosaic gives each collection motion, hierarchy, and interaction through Pulse Director, responsive tile control, viewport-aware loading, and full-view media exploration.
Built for portfolios, launches, editorial layouts, campaigns, galleries, and immersive product storytelling.
🎬 Images + Video
✨ Pulse Director
🪞 Adaptive Theater Mode
⚡ Performance-aware loading
📐 Native Framer breakpoints
⌨️ Keyboard + touch navigation
🛡️ Static-renderer safe
Explore the live experience:
https://modax.framer.website/mdx-components/mdx-media-mosaic
Viewport-aware loading is the part that decides whether a mosaic survives a real portfolio. A grid of videos looks fine in the preview and then fights the page once several tiles are in view. Static-renderer safe, plus native breakpoints, is what makes it usable inside a template and not only as a demo.
Exactly — that was one of the main design goals behind MDX_MediaMosaic. The visual layer is only half the job; the component has to stay disciplined about when media loads and plays, while still behaving properly across Framer breakpoints and static rendering. That’s what makes...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
My portfolio, reimagined in Framer
The goal was simple: bring everything together in one place, from client projects and case studies to Framer templates and project videos, while keeping the experience clean and easy to navigate.
The entire portfolio fits within a strict 100vh viewport, so you can explore everything without scrolling.
Would love to hear your thoughts and feedback!
Portfolio link in the comments.
🌲 Nordhaus | Prefab Timber Homes Website (Framer)
Homes that grow quietly with the forest, now on the web. 🏡
Nordhaus is a website for a Latvian builder of prefabricated timber homes, created in Figma and built in Framer as a responsive site for desktop, tablet and mobile. It brings the brand's calm Nordic character through full-screen photography, a scroll-driven process story, a horizontal model gallery and interactive testimonials.
✨ Template coming soon to Framer.
Wonderful design man
🍏 Botella - my latest template, now live on the Framer Marketplace 🍇
🍷 Designed for cans, wineries, vineyards, and premium beverage brands. Soooo, Botella combines elegant typography, refined layouts, and immersive visuals to create a sophisticated digital experience 🍾
🌎 Preview it: https://www.framer.com/marketplace/templates/botella/
Amazing