53:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/0jb7r9vkvbp9b.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3--j3w_sytan8.js","/creators-assets/_next/static/immutable/chunks/2teqp45pn56pt.js","/creators-assets/_next/static/immutable/chunks/2e6uhasjhfbil.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/0dst_b4k0u8kl.js","/creators-assets/_next/static/immutable/chunks/380lj13lztxlh.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/202b1r_evm3sb.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/0hhnnecj8-hto.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/3f-jmjjx_9lv_.js","/creators-assets/_next/static/immutable/chunks/2s2tf-z4bmwc3.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/1pd9j9dvaikmb.js","/creators-assets/_next/static/immutable/chunks/1dzckq15yxafa.js","/creators-assets/_next/static/immutable/chunks/1tmy_9cuep5o7.js","/creators-assets/_next/static/immutable/chunks/1jvl5pseyb1ld.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1an0rrmx8vr9j.js","/creators-assets/_next/static/immutable/chunks/35q38y-_fqs8d.js","/creators-assets/_next/static/immutable/chunks/1602xfiu5d3wp.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/40pcohi_mocbm.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 54:T569,

Meet MDX_MediaMosaic — a premium image + video mosaic for Framer.

Built for editorial storytelling, product showcases, portfolios, campaign pages, and rich media experiences.

🎬 Pulse Director — intelligently rotates one visible video at a time

🖼️ Mixed Media Mosaic — images + video in one responsive system

✨ Adaptive Theater Mode — click any tile for a full cinematic view

⚡ Viewport-Aware Loading — keeps larger collections responsive

🛡️ MediaGuard — polished loading, poster, empty, and error states

📐 Native Framer Responsiveness — breakpoint-authored layouts and tile spans

♿ Keyboard + Swipe Navigation — built for desktop and mobile

MDX_MediaMosaic is now live on the Framer Marketplace.

🔗 Live demo + documentation: https://modax.framer.website/mdx-components/mdx-media-mosaic

One mosaic. Images, video, motion, and cinematic exploration.

55:T945,

MDX_MediaMosaic transforms images and video into a premium, responsive editorial mosaic built for Framer.

🎬 Dual Playback Modes Use Pulse Director to automatically spotlight one visible video at a time, or switch it off for Gallery Mode with hover-to-play behavior.

✨ Viewport-Aware Pulse Director Playback focuses only on video cells visible in the viewport, using a fair shuffle queue while offscreen media is paused for better performance.

⚡ Predictive Lazy Loading Media begins loading shortly before entering view, reducing unnecessary network and playback overhead on larger collections.

🖼️ Advanced MediaGuard Handles empty, loading, cached, poster, and error states with polished Add Image, Add Video, and unavailable-media feedback.

🪞 Adaptive Theater Mode Open any media into a cinematic full-view experience with responsive sizing, previous/next navigation, swipe gestures, drag-to-dismiss, keyboard controls, persistent audio state, and an editable media counter.

📐 Native Framer Responsiveness Author Columns, Row Height, and tile spans per breakpoint for complete control across Desktop, Tablet, and Phone.

♿ Accessible by Design Keyboard activation, focus management, ARIA dialog behavior, Escape handling, and reduced-motion support are built in.

🛡️ Framer Static Renderer Safe Animations, Pulse playback, shimmer, and live video loading are disabled during static Canvas/export rendering.

🔗 See MDX_MediaMosaic in action Explore the live demo, full feature set, responsive behavior, and complete documentation:https://modax.framer.website/mdx-components/mdx-media-mosaic

One mosaic. Images, video, motion, and cinematic exploration — engineered as a complete media system.

56:T4c0,

🎬 Meet MDX_OmniHeroPlex — turn your hero into a cinematic experience.

Built for sites where video deserves more than a standard player, MDX_OmniHeroPlex brings an immersive, full-focus media reel directly into Framer.

🌐 YouTube • Vimeo • Native Video

✨ Fluid drag + keyboard navigation

📚 Cineplex jump-list + direct navigation

🎭 Immersive Theater Mode

📐 Flexible video & player ratios

⚡ Smooth performance across extensive media libraries

♿ Responsive, accessible & reduced-motion aware

From film portfolios and creative studios to product launches, campaigns, editorial experiences, and brand storytelling — OmniHeroPlex turns the hero itself into the experience.

🚀 One hero. An entire cinematic experience.

Explore MDX_OmniHeroPlex live

57:T83b,

🎬 Turn your hero into a cinematic viewing experience.

MDX_OmniHeroPlex is a premium full-focus video reel built for immersive storytelling, featured media, portfolios, product films, trailers, campaigns, and curated video experiences.

🌐 Unified Video Engine Bring YouTube, Vimeo, and native video together inside one seamless media experience.

✨ Cinematic 3D Navigation Move naturally through your content with fluid drag gestures, navigation arrows, keyboard controls, and responsive motion engineered to stay smooth even across extensive media libraries.

📚 Cineplex Navigation Give visitors instant access to the entire media collection through an elegant jump list and direct numeric navigation.

🎭 Theater Mode Expand any active video into an immersive, focused viewing experience without leaving the page.

🖼️ Flexible Media Presentation Configure individual video ratios, custom thumbnails, stable player framing, surface depth, corner radius, autoplay, audio controls, and navigation arrows.

⚡ Built for Performance Designed for consistently fluid navigation whether showcasing a few videos or an extensive media collection.

♿ Production Ready Keyboard accessible, responsive, reduced-motion aware, viewport optimized, URL sanitized, and engineered specifically for reliable Framer Canvas and live-site behavior.

Perfect for: film portfolios, creative studios, SaaS launches, product showcases, agencies, editorial experiences, courses, campaigns, and cinematic brand storytelling.

🎬 Explore the live demo and complete feature experience

🚀 One hero. An entire cinematic experience.

58:T7ed,

Meet MDX_OmniDeck — a carousel that refuses to move in just one direction.

One deck. Multiple experiences. Total control.

MDX_OmniDeck is now live on the Framer Marketplace — a premium content deck designed to go far beyond the conventional carousel.

🧭 4-Way Swipe Physics — Left, Right, Up, or Down with tactile inertia

🃏 Hybrid · Text Only · Image Only — mix completely different experiences in one deck

↔️ Flexible Layouts — position imagery Top, Bottom, Left, or Right with 10–90% sizing

🌍 Per-Card RTL — native Arabic, Hebrew, and other right-to-left content without disrupting the layout

🔤 Typography Override — independent Title, Body, and CTA fonts on any card

🎨 Deep Visual Control — dual themes, gradients, per-card styling, precise image framing, and 3D depth

▶️ Smart Interaction — Auto-Play, Infinite/Finite flow, editable Progress Pill, Swipe Hints, and directional labels

🔗 Connected Experiences — deep-link directly to a card and trigger external interactions with On Card Change

🛠️ Solo Design Mode — isolate and perfect any card directly on the Framer canvas

♿ Production Ready — keyboard navigation, reduced-motion support, smart loading, and responsive content handling

From product showcases and portfolios to onboarding, editorial content, multilingual experiences, and feature discovery — OmniDeck adapts to the experience instead of forcing the experience into a carousel.

59:Taaa,

Not just another carousel. One deck. Multiple experiences. No compromise.

MDX_OmniDeck is a premium all-in-one carousel system that goes far beyond basic left-to-right sliding.

🧭 True 4-Way Physics Swipe Left, Right, Up, or Down with fluid, tactile motion and natural inertia.

🃏 Hybrid · Text Only · Image Only Mix completely different card types inside the same deck, with Hybrid imagery positioned Top, Bottom, Left, or Right.

🖼️ Precision Image Control Adjust image size, choose Cover or Contain, select from 9 focal positions, and fine-tune framing with 0.5×–3× zoom.

🎨 Themes + Per-Card Styling Build distinct Light and Dark experiences with gradients, colors, borders, corner radius, and card-level visual overrides.

🔤 Per-Card Typography Enable Typo Override to give individual cards their own Title, Body, and CTA fonts while the rest inherit the global typography system.

🌍 Native RTL Support Enable RTL Mode per card for Arabic, Hebrew, and other right-to-left content without disturbing image placement or deck composition.

✍️ Rich Content Formatting Use bold, italic, links, line breaks, escapes, and free-flow content structures directly inside Framer.

🔘 Built-In CTA Navigation Send visitors to URLs or smoothly navigate to Framer Scroll Sections from individual cards.

🔗 Deep Linking + Events Open the deck at a specific card and use On Card Change to synchronize external content, animation, or state.

🛠️ Solo Design Mode Isolate any card directly on the Framer canvas and refine its content, crop, layout, typography, CTA, and styling without navigating the live deck.

▶️ Auto-Play + Flow Control Choose Infinite or Finite flow, configure Auto-Play, display the editable Progress Pill, and guide interaction with Swipe Labels and Swipe Hint.

♿ Production Ready Keyboard navigation, reduced-motion support, smart image loading, scroll-aware content masks, and Framer canvas safeguards are built in.

🚀 One deck. Multiple experiences. Total control.

5a:T6a3,

Meet MDX_OmniGallery — cinematic image browsing for Framer.

Turn ordinary image collections into immersive gallery experiences built for photography, product showcases, portfolios, digital art, editorial work, and visual storytelling.

🎛 True 3D Ring Carousel

📐 Smart Fit — lock your preferred aspect ratio and let landscape or portrait images adapt automatically

✨ Dynamic Ambient Glow

🎬 Glassmorphic Theater Mode

🚀 Buttery-Smooth 60fps Performance — Handles 100+ images with fluid interaction and responsive performance across both the Framer canvas and published site.

⚡ Framer Canvas Optimized

⌨ Keyboard & Accessible Navigation

🔢 Smart Slide Navigation

Choose 16:9, 16:10, 4:3, 3:2, 1:1, or 9:16 and keep the gallery consistently structured regardless of the images you add.

Your images stay the focus. The gallery becomes the experience.

MDX_OmniGallery is now available on the Framer Marketplace.

— MODAX

5b:T8c4,

Transform ordinary image collections into immersive, cinematic experiences with MDX_OmniGallery — a premium 3D gallery designed for photography, product showcases, digital art, portfolios, and visual storytelling.

🎛 True 3D Ring Carousel Turn image collections into an immersive dimensional gallery with smooth, responsive navigation.

📐 Smart Fit Layout Engine Lock your gallery to 16:9, 16:10, 4:3, 3:2, 1:1, or 9:16, then let Smart Fit handle the rest. Landscape or portrait, every image automatically adapts to display correctly within the selected frame—keeping your gallery consistent and your layout intact.

✨ Dynamic Ambient Glow The active image shapes the surrounding atmosphere for a richer cinematic presentation.

🎬 Glassmorphic Theater Mode Expand any image into an immersive focused viewing experience.

🚀 100+ Image Ready Built to keep large image collections smooth and responsive.

⚡ Framer Canvas Optimized Designed to remain fast and responsive while working inside Framer.

⌨ Accessible Navigation Keyboard controls and accessible interactions make browsing intuitive for more users.

🔢 Smart Slide Counter Jump directly to any image while navigation automatically stays within the available collection.

🖼 Flexible Image Sources Use uploaded images, direct URLs, animated GIFs, or connect gallery content to Framer CMS.

MDX_OmniGallery turns image collections into cinematic experiences while giving designers complete control over the gallery’s layout.

5c:T941,

MDX_OmniPlex is live — now with an even more refined cinematic video experience. 🎬✨

Designed for Framer projects where video deserves more than a standard grid, MDX_OmniPlex combines immersive 3D browsing with a polished, flexible media player.

🌀 True 3D Video Carousel Browse videos through a genuine 360° ring with fluid drag, swipe, momentum, and keyboard navigation.

⚡ Built for Large Media Libraries Designed to remain responsive and efficient even as your video collection grows.

🌌 Glassmorphic Letterboxing Vertical, landscape, and mixed-ratio videos stay beautifully framed inside a consistent player.

📺 Picture-Tube Glass Effect A refined recessed-glass treatment adds subtle depth around the media surface.

✨ Adaptive Ambient Glow The active poster influences the surrounding glow, creating a more immersive viewing experience.

🖥 Optimized Framer Canvas Experience Designed to stay smooth and lightweight while working directly inside Framer.

🍿 Immersive Theater Mode Open videos in a premium fullscreen viewing experience with dynamic aspect-ratio handling and cinematic presentation.

⌨ Accessible Navigation Keyboard controls, ARIA support, quick-jump navigation, and touch-friendly interaction are built in.

▶ YouTube, Vimeo & Native Video

Built for portfolios, product showcases, trailer collections, courses, and video-driven Framer experiences.

MDX_OmniPlex — a Premium MODAX Component for Framer.

Built for designers. Refined with your feedback.

5d:T595,

Meet MDX_OmniPlex — cinematic video, reimagined for Framer.

Standard video grids work. But when video is central to the experience, they rarely feel immersive.

MDX_OmniPlex turns your video library into a true 3D media experience with fluid 360° navigation, momentum dragging, and a cinematic player built for mixed formats.

🎬 True 3D media browsing

▶ YouTube, Vimeo & native video

🌌 Glassmorphic mixed-ratio letterboxing

🍿 Fullscreen Theater Mode

✨ Thumbnail-driven ambient glow

🔢 Quick-jump video navigation

📱 Responsive, touch-friendly interaction

🛡 Reliable media handling

Built for portfolios, product showcases, trailer collections, courses, and any Framer project where video deserves more than a conventional carousel.

MDX_OmniPlex — a Premium MODAX Component for Framer.

Built for designers. Refined with your feedback.

5e:T7d0,

🎬 Transform your media showcases with MDX_OmniPlex, a premium cinematic 3D video carousel built for Framer.

✨ Designed for high-impact portfolios, agency sites, and premium product launches, it replaces standard video grids with an immersive, true 360-degree 3D drum.

Key Features:

🌀 True 3D Navigation — Browse videos through a 360° media ring with smooth momentum-based dragging.

▶ YouTube, Vimeo & Native Video — Mix supported video sources inside one unified player.

🌌 Glassmorphic Letterboxing — Handle vertical, landscape, and mixed aspect ratios with ambient blurred backgrounds instead of black bars.

🍿 Theater Mode — Open the active video in a premium fullscreen viewing experience that adapts to its native ratio.

✨ Ambient Glow — Automatically tint the surrounding interface from the active thumbnail for a more immersive presentation.

🔢 Quick-Jump Navigation — Jump directly to any video using the interactive Now Showing counter.

⌨ Accessible & Responsive — Includes keyboard navigation, reduced-motion awareness, touch interaction, and responsive behavior.

🛡 Reliable Media Handling — Missing thumbnails or broken video links are handled gracefully without disrupting the layout.

5f:T614,

Meet MDX_DocMenu — a different way to navigate in Framer.

Traditional navbars work, but they can take up valuable space and often feel disconnected from the experience.

MDX_DocMenu brings an Apple-inspired dock interaction to Framer with a compact glassmorphic 3D prism tray designed for both site navigation and page-section control.

✨ Dynamic icon magnification

🧊 Glassmorphic 3D dock tray

🔗 Framer pages + external URLs

🧭 Smooth section scrolling

🎯 Animated active indicators

🪞 Icon reflection effects ↔ Smart overflow handling

Use it for documentation, SaaS, portfolios, product pages, storytelling experiences, and other projects where navigation should feel like part of the design—not just a utility.

Explore the live component + full documentation:

https://modax.framer.website/mdx-components/mdx-dock-menu

Built by MODAX for designers creating more distinctive Framer experiences.

60:T626,

Meet MDX_ContentNavigator — a premium command palette for Framer. ⚡

Now live on the Framer Marketplace 👇

Long pages shouldn't feel hard to navigate.

With MDX_ContentNavigator, visitors can instantly search, preview, and jump to any heading, section, or media on your page through a beautiful glassmorphic command palette inspired by modern desktop workflows.

Just press ⌘M (or click the floating Beacon) and start typing.

✨ Highlights

🔎 Auto-indexes H1–H6, Sections, Images, Videos & Audio — no setup required

🖼 Live split-view previews for media before navigating

🧩 Automatically detects and groups other MODAX components

🖱 Draggable glassmorphic Beacon with viewport-aware positioning

⌨ Full keyboard navigation with smooth interactions

📱 Responsive experience across desktop and mobile

Simply drop it onto your canvas, choose your accent color, and it's ready to go.

61:T7f2,

🚀 MDX_3DModelViewer is Now Live on the Framer Marketplace

Hey Framer creators! 👋

We are excited to introduce MDX_3DModelViewer, a production-ready 3D viewer that brings interactive GLB and GLTF models directly into your Framer projects.

Whether you're showcasing products, architecture, industrial designs, or creative portfolios, you can add immersive 3D experiences in just a few clicks—without relying on external embeds or custom code.

✨ Highlights

📦 Load GLB & GLTF models instantly

🖱 Smooth orbit, pan, and zoom controls

🌍 Six built-in lighting environments

📷 Multiple cinematic camera presets

🎬 Automatic animation support

🎨 Live material customization

🥽 WebXR VR-ready experience

🎭 Fullscreen & Theater Mode

🔁 Multiple independent viewers on the same page

⚡ Built for responsive, production-ready Framer websites

From product launches and landing pages to portfolios and interactive showcases, MDX_3DModelViewer helps transform static presentations into engaging experiences that visitors can explore.

We would love to see what you build with it!

Feedback and feature suggestions are always welcome.

62:T484,

Meet MDX_ContentNavigator — A universal command center for Framer that lets users search, navigate, and perform actions from one intelligent interface.

⚡️Stop making your users scroll endlessly. Let them instantly search headings, sections, media, and MODAX components with a beautiful glassmorphic UI and split-view media previews.

✨ Highlights:

🔎 Fuzzy search & auto-indexing

🖱 Draggable viewport beacon

⌨ Keyboard navigation (⌘M)

🖼 Live media preview panel

📱 Fully mobile responsive

Just drop it in and set the Scope Name to the page's root frame/stack name , and it automatically indexes your entire page. Upgrade your site's UX today!

63:Tae9,

Experience the component live

MDX_ContentNavigator A universal command center for Framer that lets users search, navigate, and perform actions from one intelligent interface. It allows your visitors to instantly search, discover, and jump to any section, heading, media file, or MODAX component on your page using a beautiful glassmorphic interface.

Why use it? Long landing pages and documentation sites create cognitive load. Standard anchor links are easily missed. MDX_ContentNavigator solves this by providing a floating, draggable "Beacon" that users can click (or trigger via keyboard ⌘M) to open a universal search bar. Behind the scenes, it automatically indexes your entire page.

Key Features:

🔎 Universal Auto-Indexing: Automatically detects H1-H6 headings, Framer Sections, and Media (Images, Videos, Audio) without manual configuration.

🧩 MODAX Ecosystem Integration: Uses data-modax-name attributes to identify, group, and specially render other MODAX components with a premium accent glow.

🖼 Split-View Media Previews: When browsing media commands, a side panel displays a live, high-fidelity preview of the image or video before navigating.

📱 Mobile Responsive: The split-view modal automatically stacks vertically on mobile, and the beacon collapses into a compact pill to save screen space.

⌨ Keyboard Navigation: Full Arrow/Enter/Escape support with body scroll locking to prevent background scrolling.

🪟 Glassmorphic Design System: Fully customizable blur, radius, glass intensity, and accent colors to perfectly match your brand.

🧠 Smart UI Heuristics: Automatically filters out decorative images (logos, icons, backgrounds) so your command list stays clean and relevant.

Designer Friendly: No complex wiring required. Just drag the component onto your canvas, set your desired scroll offset to account for sticky headers, pick your accent color, and you're done.

Built for designers. Refined with your feedback.

64:T668,

🚀 Introducing MDX_3DModelViewer: Native Interactive 3D for Framer

Hello Framer Visionaries,

We are excited to share our newest component with you: MDX_3DModelViewer.

If you have been looking for a seamless way to bring real, high-fidelity 3D assets into your projects without breaking page performance or relying on clunky third-party embeds—this utility was built for you.

✨ What makes it powerful:

Native Integration: Zero external accounts or complex code required. Just drop it onto your canvas, paste a direct .glb or .gltf URL, and publish.

Complete Visitor Freedom: Smooth orbit, pan, zoom, and 6 instant camera presets allow full inspection of every asset detail.

Cinematic Lighting & Adjustments: Instantly cycle through 6 real-world environment presets while tweaking roughness, metalness, transparency, or emissive glow live on the page.

Immersive WebXR VR: Give your audience the ability to step inside your 3D models with a single click on supported devices.

It behaves perfectly like a native responsive element on your canvas, allowing you to deliver a luxury product experience tailored entirely to your page design. Categorized under Utilities, it runs entirely on native performance with zero overhead.

Explore the live preview directly inside our Framer Marketplace listing to see how this powerful utility works!

65:T8d2,

Bring your 3D models to life — right inside Framer.

Simply drag MDX_3DModelViewer onto your canvas, paste a GLB or GLTF URL, and publish. No code or external embeds required.

✨ Why Designers Choose It

Fully Interactive: Visitors can rotate, pan, and zoom using mouse, touch, or keyboard controls.
6 Lighting Presets: Studio, Forest, Night, Dawn, City, and Warehouse settings with optional full backdrop rendering.
Live Material Controls: Real-time inspector for roughness, metalness, color tint, transparency, emissive glow, and wireframe mode.
Animation Support: Plays embedded animations automatically with a built-in clip selector.
WebXR VR Ready: One-click entry into immersive virtual reality on supported headsets and browsers.
6 Camera Presets: Instant standard angles (Front, Back, Left, Right, Top, Isometric) and quick-reset.
Multi-Instance Support: Add multiple independent viewers to a single page without performance drops.

⚙ Customize in Framer

Model URL: Direct link to your hosted .glb or .gltf file.
Sizing & Canvas: Full control over width, height, and background color.
Auto-Rotate: Toggle automated spinning with custom speed rules.
Allow Zoom: Restrict or enable user scroll/pinch zooming.
Env. Background: Toggle the active lighting preset as a visible skybox.

🚀 Get Started in Minutes

Drag MDX_3DModelViewer onto your canvas.
Paste your .glb or .gltf link into the Model URL property.
Adjust your size, background, and rotation preferences.
Publish. No plugins, code, or external accounts needed.

66:T642,

🚀 MDX_NavEngine v1.4.0 — Customization Update is now live.

Giving designers greater control over layout customization.

This release introduces new customization controls that make MDX_NavEngine even more adaptable to different brands and design systems.

🚀 Release Highlights

✅ Navigation Alignment

Choose Left, Center, or Right alignment for navigation items.

✅ Configurable Border Radius

Adjust the corner radius of navigation pills, dropdowns, and CTA buttons.

✅ CTA Padding

Fine-tune the horizontal padding of CTA buttons.

Typography customization continues to be available under Visual DNA → Typography, where Framer's native typography controls provide full control over font family, weight, size, and line height. The Visual DNA section also includes text color controls for both Light and Dark themes.

Thank you to everyone who continues to share ideas and feedback. Every MODAX release is shaped by real-world use and the creativity of the Framer community.

MODAX Release Principles

✓ Customer Driven

✓ Backward Compatible

✓ Fully Documented

✓ Production Ready

Built for designers. Refined with your feedback.

67:Tbc6,

🚀 Build sophisticated navigation without the complexity.

MDX_NavEngine is a production-grade navigation system for Framer, built to handle everything from polished SaaS navigation to complex multi-level websites — all configurable directly from the Properties panel.

📂 Unlimited Multi-Level Navigation Build deeply structured menus with a recursive group system designed to safely support unlimited nesting.

🎛️ Three Dropdown Experiences Choose Single Column, Multi Column, or Icon Grid independently for each menu — giving different parts of your navigation the layout that fits them best.

🎯 In-Page Section Navigation Turn any nav or dropdown item into a section link with Smooth or Instant scrolling. Perfect for landing pages, portfolios, documentation, and single-page experiences.

⚡ Portal-Based Dropdowns Dropdowns render above page content without fighting Framer's z-index stacking or shifting your layout.

🧠 Intelligent Hover Behavior Direction-aware hover handling, close timing, and click locking help eliminate the frustrating dropdown flicker common in complex navigation.

📱 Responsive Mobile Navigation A dedicated slide-in mobile experience includes accordion navigation, logo, CTA support, and body scroll locking.

🌓 Auto, Light & Dark Themes Auto mode follows the site's Framer theme automatically, while Light and Dark modes provide direct control.

📐 Built for Real Layouts Use Fixed or Relative positioning, place navigation at the top or bottom, enable compact-on-scroll behavior, and automatically swap to a compact logo.

📢 Announcement Bar + CTAs Add an integrated announcement bar, primary CTA, and secondary CTA without assembling separate components.

♿ Production Ready Semantic navigation structure, ARIA labels, keyboard support, optimized rendering, and resilient navigation behavior are built in.

🌐 Live Demo & DocsExplore all features: MODAX Live Demo

One navigation engine. From simple landing pages to deeply structured product experiences.

68:T1fce,

MDX_FerrisWheel is a premium circular navigation engine designed to replace traditional menus with an immersive, interaction-driven system.

Transform your navigation into an immersive, interactive experience with 4 stunning visual effects, drag-to-position, and full keyboard accessibility. Elevate your navigation experience with MDX_FerrisWheel — where form meets function in perfect orbit. 🎡

✨ At a Glance

🎡 Ferris Wheel Layout: Items orbit around a central hub in a natural, circular pattern✨ 4 Stunning Hub Effects:

Supernova — high-energy radial pulse
Angelic Halo — elegant premium glow
Photon Rings — futuristic rotating layers
Quantum Field — organic particle motion

These are not decorative add-ons—they define the emotional tone of the interface.

🖱️ Drag-to-Position: Freely draggable hub with intelligent edge snapping

📂 Hierarchical Groups: Create nested menus with unlimited depth

🔄 Auto-Rotation: Wheel spins automatically when open (configurable speed)

🌓 Smart Theme System: Light/Dark/Auto modes with separate accent colors

⌨️ Full Keyboard Navigation: Complete accessibility for keyboard-only users

📱 Responsive Design: Automatically adapts to mobile screens (≤480px)

📳 Haptic Feedback: Subtle vibration on supported mobile devices

🚀 Quick Start (3 Minutes)

Drag MDX_FerrisWheel onto your Framer canvas
Add your menu items in the Items property panel
Set your brand logo and accent colors in Brand and Theme
Choose your favorite hub effect in Visual DNA → Hub Effect

🎮 Keyboard Navigation — No Mouse Needed Navigation

↑ Arrow Up → Open the menu ← Arrow Left → Cycle to previous item

→ Arrow Right → Cycle to next item

⏎ Enter / Space → Select current item

↓ Arrow Down → Close menu / Go back

🏠 Home Key → Return to root-menu instantly

📂 Creating Hierarchical Menus (The Right Way)

Step 1 Add Top-Level Items (Products, Services, About)

Add the first top-level item Products:
1. isGroup: true
2. Group ID: "Products"
3. Parent ID: "root"

Next add the second top-level item Services:
1. isGroup: true
2. Group ID: "Services"
3. Parent ID: "root"

Next add the third top-level item About
1. isGroup: false
2. Label: "About"
3. Parent ID: "root"

Step 2 Add Items Inside "Products"

Add the first item Components
1. isGroup: false
2. Label: "Components"
3. Parent ID: "Products"

Add the second item Plugins
1. isGroup: false
2. Label: "Plugins"
3. Parent ID: "Products"

Step 3: Create Nested Group Inside "Products"

Add the first item Software
1. isGroup: true
2. Group ID: "Software"
3. Parent ID: "Products"

Then add items inside "Software":

Add the first item Web Apps
1. isGroup: false
2. Label: "Web Apps"
3. Parent ID: "Software"
Add the second item Mobile Apps
1. isGroup: false
2. Label: "Mobile Apps"
3. Parent ID: "Software"

🎬 How Navigation Works

Action: Click Products (folder)

Results: Wheel shows Components, Plugins, Software

Action: Click Software (folder)

Results: Wheel shows Web Apps, Mobile Apps

Action: Click Central Hub button

Results: Returns to previous level

Action: Click Home Icon on Central Hub button

Results: Returns to root-menu

📋 Complete Property Reference

At its core is a draggable central hub with orbiting items that rotate smoothly, creating a natural exploration flow. Navigation becomes spatial and intuitive rather than linear.

Circular orbit-based navigation
Smooth rotational interaction model
Central hub as interaction anchor

Hierarchical Navigation System

Build complex structures with unlimited nesting while maintaining clarity.

Groups, sub-groups, and deep nesting
Parent-child relationships via group IDs
Supports both simple and complex architectures

Interaction System

Drag-to-position hub
- Local mode (within component)
- Global mode (viewport freedom) • Edge snapping for controlled placement • Optional auto-rotation with speed control • Haptic feedback on supported devices
Keyboard Access↑ to open, ←/→ to cycle items, Enter/Space to select,
↓ to close/go back, Home to return to root

Theme System

Auto (system / Framer theme sync) • Manual Light & Dark modes Independent control of:
- Text colors
- Accent colors • Supports hex, RGB, and CSS variables

Responsive Behavior

Adaptive layout for mobile (≤480px)
Scaled hub and orbit spacing
Touch-optimized interactions

Performance

GPU-accelerated transforms
Memoized rendering (useMemo / useCallback)
requestAnimationFrame-driven motion
Stable 60fps animation pipeline

Accessibility

Full keyboard navigation
ARIA roles and labels
Focus management and indicators
Reduced motion support
Screen reader compatibility

Navigation Capabilities

Each item supports:

External links (URL)
Section-based scrolling - Disabled due to Framer restrictions
Smooth or instant scroll modes
Open in new tab option

Use Cases

Portfolio navigation systems
Product category explorers
Interactive dashboards
Brand-centric microsites
Creative agency presentations

Why It Matters

MDX_FerrisWheel is not just a menu—it is a navigation experience. It transforms a functional requirement into a visual centerpiece that communicates brand quality, creativity, and interaction depth instantly.

69:T140b,

Overview

MDX_BASlider is a premium drag-to-reveal Before/After image comparison component built exclusively for Framer. It ships with a glassmorphic card, rail, and thumb that look stunning on any background — light, dark, image, gradient, or video.

The component is engineered for designers who want full creative control. It handles the interaction, animation, and accessibility — you handle the surrounding layout in Framer. Drop it in, set your accent color, and it's done.Features

Glassmorphic Design System

The entire component has the glass effect, the rail track, and all three handle styles, creating a unified visual language that adapts to any surface behind it.

Accent Color Cohesion

A single Accent Color property drives every interactive element: the divider line between images, the grip lines and chevrons inside the thumb, the Before/After badge labels, and the hover glow effect. Change one color and the entire component updates in unison.

Dual Orientation

Switch between Vertical (left/right split) and Horizontal (top/bottom split) orientation from the property panel. The clip-path axis, drag axis, divider line, and keyboard navigation all adapt automatically. Both orientations are semantically correct — 0% shows the Before image fully, 100% shows the After image fully.Three Handle Styles

Choose from Pill (rounded rectangle), Circle (disc), or Arrow (chevron pair).Scroll-Triggered Reveal Animation

When Auto Reveal is enabled, the component runs a two-phase animation when it enters the viewport: Phase 1 sweeps the handle from 0% to 100% across the full image width. Phase 2 settles back to the configured Settle At position. Speed presets (Slow, Medium, Fast) control the duration of both phases proportionally. IntersectionObserver with threshold 0 handles detection — fires immediately for hero sections, fires on scroll for below-fold sections.Swipe Momentum

The momentum spring for a natural, weighty feel. When Swipe Momentum is enabled, releasing a fast drag flick applies a spring-based deceleration that carries the handle naturally past the release point. Velocity is sampled from the last 5 pointer events for accuracy. Full Keyboard Accessibility

When Keyboard Support is enabled, the component receives focus and responds to arrow keys. In Vertical orientation: Right Arrow moves forward, Left Arrow moves backward. In Horizontal orientation: Down Arrow moves forward, Up Arrow moves backward. Each key press moves the handle 5% in the respective direction. Full ARIA slider role, aria-valuemin, aria-valuemax, and aria-valuenow are implemented. A focus ring using the accent color appears on keyboard focus.Before / After Badge Labels

Accent-colored pill badges sit below the rail displaying the Before Label and After Label text. These same values serve as the alt text for the respective images — one property serves both the visual label and the accessibility description. Defaults are BEFORE and AFTER in uppercase; type anything you want.Flexible Image Sources

Each image slot supports two source modes: Upload (Framer image asset) and URL (external or CDN link). Switch between them per image independently. Default images load from the MODAX CDN so the component renders immediately on canvas drop without any configuration.Six Aspect Ratio Presets

Landscape 16:9, Standard 3:2, Square 1:1, Portrait 4:3, Cinema 2.39:1, and Custom. The Custom option reveals a numeric ratio input. Aspect ratio is enforced via a padding-top trick that works correctly in Framer canvas even when the parent frame has no defined width.Technical NotesBrowser Compatibility

Full cross browser support on desktop and mobile devices.Aspect Ratio Rendering

This ensures the image frame renders correctly in Framer's canvas even when the parent frame has no defined width at the time of drop.

Reveal Animation Engine

The reveal animation uses IntersectionObserver with threshold 0. This fires as soon as any pixel of the component enters the viewport — correct behavior for both hero sections (fires on mount) and below-fold sections (fires on scroll).

Drag System

The component uses a dual pointer handler architecture. The slider rail handles drags (always on the horizontal axis). The image frame handles image drags (axis-aware — vertical axis in Horizontal orientation, horizontal axis in Vertical orientation). Both handlers sync to the same Framer Motion.

Performance

All internal components use to prevent re-renders when only the drag percent changes. The clip-path and thumb position use Framer Motion's hardware-accelerated. The smooth spring interpolation runs entirely on the animation thread without triggering React renders on every frame.

52:["$","$L53",null,{"value":{"fallback":{"$inf$activity-creator-1381a1da-b3be-4fec-b846-806fce7d8e9d-all:/unified/creator/1381a1da-b3be-4fec-b846-806fce7d8e9d/activity/":[{"data":[{"id":"01a0f986-19e1-7438-82e2-e1870b58b5c5","type":"component.created","target":{"type":"component","id":"OnaHuiFoecbWo9IyXiXV","preview":"MDX_MediaMosaic","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0f984-fb0a-707f-b3ed-b13bc78bb701.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-01T22:11:50.369Z","latestAt":"2026-10-01T22:11:50.369Z"},{"id":"01a0ee89-a0a9-7622-b999-a8d45eace582","type":"comment.created","target":{"type":"post","id":"01a0ee43-b87c-75dc-89a9-d8aa6cb60ce5","preview":"I’m building a website for a filmmaker. Does anyone know how I can upload a video to my hero section with the highest possible quality, without showing the title or the video player?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I’m building a website for a filmmaker. Does anyone know how I can upload a video to my hero section with the highest possible quality, without showing the title or the video player?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0ee43-b87c-75dc-89a9-d8aa6cb60ce5","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0ee89-a08c-702a-98ee-056fc7246d80","preview":"Take a look at MODAX MDX_OmniHeroPlex component: https://www.framer.com/marketplace/components/mdx-omniheroplex/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Take a look at MODAX MDX_OmniHeroPlex component: "},{"type":"text","text":"https://www.framer.com/marketplace/components/mdx-omniheroplex/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/marketplace/components/mdx-omniheroplex/","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0ee43-b87c-75dc-89a9-d8aa6cb60ce5","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0ee89-a08c-702a-98ee-056fc7246d80"},"repost":null}},"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-29T18:59:52.105Z","latestAt":"2026-09-29T18:59:52.105Z"},{"id":"01a0ea54-e6aa-724a-9c2f-a00c1283a8f5","type":"component.created","target":{"type":"component","id":"sqNYQO3yUxnHkLi3SuOP","preview":"MDX_OmniHeroPlex","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0ea54-9975-722f-809c-233fb4eafc3d.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-28T23:23:47.754Z","latestAt":"2026-09-28T23:23:47.754Z"},{"id":"01a0b685-1776-721b-a0ac-8fd68a583265","type":"component.created","target":{"type":"component","id":"5Ay1GV2ahiM08FmhlQGw","preview":"MDX_OmniDeck","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0b684-6056-7728-a2cc-2a270c8ac42e.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-18T21:56:10.742Z","latestAt":"2026-09-18T21:56:10.742Z"},{"id":"01a0b657-a38c-710f-a638-85295f8757cd","type":"creator.followed","target":{"type":"creator","id":"e0222182-3d74-4d56-b2d9-eba289a28fa5","preview":"Andres","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0222182-3d74-4d56-b2d9-eba289a28fa5/ubt5ticx","slug":"andres-jimmy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:06:31.941Z","latestAt":"2026-09-18T21:06:31.941Z"},{"id":"01a0b657-95e6-73e9-9637-a7716feac896","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:06:28.450Z","latestAt":"2026-09-18T21:06:28.450Z"},{"id":"01a0b657-847e-76db-a4ea-1e84f99ab69f","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/d937lu6l","slug":"design-with-farhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:06:23.994Z","latestAt":"2026-09-18T21:06:23.994Z"},{"id":"01a0b657-773a-7104-a755-7e3b9f0b6166","type":"creator.followed","target":{"type":"creator","id":"c2742a12-3412-42ec-ae79-e44857134579","preview":"Mode Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2742a12-3412-42ec-ae79-e44857134579/j3t555cr","slug":"modestudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:06:20.591Z","latestAt":"2026-09-18T21:06:20.591Z"},{"id":"01a087ef-25f3-75b6-b9b7-cdbaf311a215","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-09T20:49:52.111Z","latestAt":"2026-09-09T20:49:52.111Z"},{"id":"01a08307-ea44-7104-9bfa-8f56c778642b","type":"component.created","target":{"type":"component","id":"z5XwfexhQz0Ygt6JeyH3","preview":"MDX_OmniGallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a08306-edc9-7102-986c-946c6cfdfb6b.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T21:58:49.156Z","latestAt":"2026-09-08T21:58:49.156Z"},{"id":"01a07ece-d5d1-735e-849c-67d444cc2513","type":"creator.followed","target":{"type":"creator","id":"1cc58a0e-e5a9-4e2a-ae11-a072ed39e4d5","preview":"Akın Gündoğan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/83577/avatar-6Ht6UcxZt6WmjCeqRcGEx5jbiiSE3Z.jpg","slug":"akn-gundogan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-08T02:17:59.499Z","latestAt":"2026-09-08T02:17:59.499Z"},{"id":"01a07ece-a9e1-7304-a9e6-4953aa48c29f","type":"creator.followed","target":{"type":"creator","id":"b51382de-bd83-46e2-a6c6-73045ee11e7e","preview":"Anubhav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b51382de-bd83-46e2-a6c6-73045ee11e7e/kjo9517z","slug":"anubhavbtw","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-08T02:17:48.252Z","latestAt":"2026-09-08T02:17:48.252Z"},{"id":"01a07ece-9073-731b-b2e1-59213fb23da7","type":"creator.followed","target":{"type":"creator","id":"6e4f8380-d6cb-4655-93f2-b81f15adf506","preview":"Apex Interactive","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6e4f8380-d6cb-4655-93f2-b81f15adf506/c4a9hfpi","slug":"apex-interactive","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-08T02:17:41.741Z","latestAt":"2026-09-08T02:17:41.741Z"},{"id":"01a0607a-8ff7-74fa-a8c9-2ddd3cc545a3","type":"component.created","target":{"type":"component","id":"w8tnVoCZo7oxJ5ksFuPh","preview":"MDX_OmniPlex","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a06076-5d26-741d-b68b-94592b8e77ed.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-02T04:57:20.119Z","latestAt":"2026-09-02T04:57:20.119Z"},{"id":"01a06068-b84e-7339-9663-e826059edb74","type":"creator.followed","target":{"type":"creator","id":"c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4","preview":"Gustavo H. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4/94zcb8k9","slug":"madebygustavoh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T04:37:50.794Z","latestAt":"2026-09-02T04:37:50.794Z"},{"id":"01a06068-b4c6-77aa-93ad-9c1be5597167","type":"creator.followed","target":{"type":"creator","id":"d4dce4ef-b051-4b63-99b4-56b3f6a517a5","preview":"Nexwoa","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4dce4ef-b051-4b63-99b4-56b3f6a517a5/gwkohty6","slug":"nexwoa","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T04:37:49.890Z","latestAt":"2026-09-02T04:37:49.890Z"},{"id":"01a01d17-2464-722f-adea-8f4ce7c1403d","type":"creator.followed","target":{"type":"creator","id":"67e8ef10-7922-4f05-baf2-94797e1ffdcf","preview":"Ulises Gabriel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/67e8ef10-7922-4f05-baf2-94797e1ffdcf/0fhd0qm5","slug":"ulisesgabriel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T02:54:10.967Z","latestAt":"2026-08-20T02:54:10.967Z"},{"id":"01a01d17-24a3-7089-a081-3254e44f25ae","type":"creator.followed","target":{"type":"creator","id":"215ddceb-c9fe-4a9c-823e-0fc4615f9e14","preview":"Shoaib Muhammad","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/215ddceb-c9fe-4a9c-823e-0fc4615f9e14/hsyep3nd","slug":"shoaib-muhammad-xtlf3o","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T02:54:10.962Z","latestAt":"2026-08-20T02:54:10.962Z"},{"id":"01a01d17-23f4-7300-a8af-59b5d7b7928a","type":"creator.followed","target":{"type":"creator","id":"76e1b1f3-2304-4c08-9f9c-c91d295588c0","preview":"Kasper","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/451380/avatar-dhAJEoq6bBGvfbQxrrBk8Lv2pe7HR9.jpg","slug":"kasper","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T02:54:10.889Z","latestAt":"2026-08-20T02:54:10.889Z"},{"id":"01a01d17-23d1-72db-8c03-66f37bfa6ea2","type":"creator.followed","target":{"type":"creator","id":"459ad342-8ba5-4072-b727-d7b285daa00a","preview":"Framebrick","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29210/Framebrick_Logo__4_-BqcMvziU9KszvQRJNuBsU27d5AdWoR.png","slug":"framebrick","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","slug":"modax","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T02:54:10.880Z","latestAt":"2026-08-20T02:54:10.880Z"}],"pagination":{"next":"MjAyNi0wOC0yMFQwMjo1NDoxMC44ODBafDAxYTAxZDE3LTIzZDEtNzJkYi04YzAzLTY2ZjM3YmZhNmVhMg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:1381a1da-b3be-4fec-b846-806fce7d8e9d:/unified/posts/?creator=1381a1da-b3be-4fec-b846-806fce7d8e9d&with=reposts":[{"data":[{"id":"01a0fabb-3e7b-702d-9bea-c2be95beb13b","title":null,"body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet MDX_MediaMosaic — a premium image + video mosaic for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for editorial storytelling, product showcases, portfolios, campaign pages, and rich media experiences."}]},{"type":"paragraph","content":[{"type":"text","text":"🎬 "},{"type":"text","text":"Pulse Director","marks":[{"type":"bold"}]},{"type":"text","text":" — intelligently rotates one visible video at a time "}]},{"type":"paragraph","content":[{"type":"text","text":"🖼️ "},{"type":"text","text":"Mixed Media Mosaic","marks":[{"type":"bold"}]},{"type":"text","text":" — images + video in one responsive system "}]},{"type":"paragraph","content":[{"type":"text","text":"✨ "},{"type":"text","text":"Adaptive Theater Mode","marks":[{"type":"bold"}]},{"type":"text","text":" — click any tile for a full cinematic view "}]},{"type":"paragraph","content":[{"type":"text","text":"⚡ "},{"type":"text","text":"Viewport-Aware Loading","marks":[{"type":"bold"}]},{"type":"text","text":" — keeps larger collections responsive "}]},{"type":"paragraph","content":[{"type":"text","text":"🛡️ "},{"type":"text","text":"MediaGuard","marks":[{"type":"bold"}]},{"type":"text","text":" — polished loading, poster, empty, and error states "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" "},{"type":"text","text":"Native Framer Responsiveness","marks":[{"type":"bold"}]},{"type":"text","text":" — breakpoint-authored layouts and tile spans "}]},{"type":"paragraph","content":[{"type":"text","text":"♿ "},{"type":"text","text":"Keyboard + Swipe Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" — built for desktop and mobile"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"MDX_MediaMosaic is now live on the Framer Marketplace.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Live demo + documentation: "},{"type":"text","text":"https://modax.framer.website/mdx-components/mdx-media-mosaic","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://modax.framer.website/mdx-components/mdx-media-mosaic","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"One mosaic. Images, video, motion, and cinematic exploration.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0faba-9d19-758a-982c-48cc2b1dccd3.jpg","metadata":{"tint":{"h":240,"s":75,"l":13},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T03:49:30.374Z","updatedAt":"2026-10-02T03:49:30.374Z"},{"id":"01a0f986-17c7-763b-bca2-3e0efce4c244","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OnaHuiFoecbWo9IyXiXV","resolved":true,"title":"MDX_MediaMosaic","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MDX_MediaMosaic","marks":[{"type":"bold"}]},{"type":"text","text":" transforms images and video into a premium, responsive editorial mosaic built for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"🎬 "},{"type":"text","text":"Dual Playback Modes","marks":[{"type":"bold"}]},{"type":"text","text":" Use "},{"type":"text","text":"Pulse Director","marks":[{"type":"bold"}]},{"type":"text","text":" to automatically spotlight one visible video at a time, or switch it off for "},{"type":"text","text":"Gallery Mode","marks":[{"type":"bold"}]},{"type":"text","text":" with hover-to-play behavior."}]},{"type":"paragraph","content":[{"type":"text","text":"✨ "},{"type":"text","text":"Viewport-Aware Pulse Director","marks":[{"type":"bold"}]},{"type":"text","text":" Playback focuses only on video cells visible in the viewport, using a fair shuffle queue while offscreen media is paused for better performance."}]},{"type":"paragraph","content":[{"type":"text","text":"⚡ "},{"type":"text","text":"Predictive Lazy Loading","marks":[{"type":"bold"}]},{"type":"text","text":" Media begins loading shortly before entering view, reducing unnecessary network and playback overhead on larger collections."}]},{"type":"paragraph","content":[{"type":"text","text":"🖼️ "},{"type":"text","text":"Advanced MediaGuard","marks":[{"type":"bold"}]},{"type":"text","text":" Handles empty, loading, cached, poster, and error states with polished "},{"type":"text","text":"Add Image","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Add Video","marks":[{"type":"bold"}]},{"type":"text","text":", and unavailable-media feedback."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"mirror","emoji":"🪞"}},{"type":"text","text":" "},{"type":"text","text":"Adaptive Theater Mode","marks":[{"type":"bold"}]},{"type":"text","text":" Open any media into a cinematic full-view experience with responsive sizing, previous/next navigation, swipe gestures, drag-to-dismiss, keyboard controls, persistent audio state, and an editable media counter."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" "},{"type":"text","text":"Native Framer Responsiveness","marks":[{"type":"bold"}]},{"type":"text","text":" Author "},{"type":"text","text":"Columns, Row Height, and tile spans per breakpoint","marks":[{"type":"bold"}]},{"type":"text","text":" for complete control across Desktop, Tablet, and Phone."}]},{"type":"paragraph","content":[{"type":"text","text":"♿ "},{"type":"text","text":"Accessible by Design","marks":[{"type":"bold"}]},{"type":"text","text":" Keyboard activation, focus management, ARIA dialog behavior, Escape handling, and reduced-motion support are built in."}]},{"type":"paragraph","content":[{"type":"text","text":"🛡️ "},{"type":"text","text":"Framer Static Renderer Safe","marks":[{"type":"bold"}]},{"type":"text","text":" Animations, Pulse playback, shimmer, and live video loading are disabled during static Canvas/export rendering."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" See MDX_MediaMosaic in action ","marks":[{"type":"bold"}]},{"type":"text","text":"Explore the live demo, full feature set, responsive behavior, and complete documentation:"},{"type":"text","text":"https://modax.framer.website/mdx-components/mdx-media-mosaic","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://modax.framer.website/mdx-components/mdx-media-mosaic","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"One mosaic. Images, video, motion, and cinematic exploration — engineered as a complete media system.","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]},"introduction":"Premium image & video mosaic","slug":"mdx-mediamosaic","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0f984-fb0a-707f-b3ed-b13bc78bb701.jpg","metadata":{"tint":{"h":240,"s":75,"l":13},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-01T22:11:49.203Z","updatedAt":"2026-10-01T22:11:49.203Z","publishedAt":"2026-10-01T22:11:49.197Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-media-mosaic","price":"49","paymentUrl":"https://buy.stripe.com/4gMdR8eFh1bF6CO0Mn4ZG0n","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"vYE9L9eqypcyGYxp791l","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-01T22:11:49.831Z","updatedAt":"2026-10-01T22:11:49.831Z"},{"id":"01a0ee7e-fd7d-75fe-8276-7180b7a052a9","title":null,"body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"🎬 "},{"type":"text","text":"Meet MDX_OmniHeroPlex — turn your hero into a cinematic experience.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for sites where video deserves more than a standard player, MDX_OmniHeroPlex brings an immersive, full-focus media reel directly into Framer."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"globe_with_meridians","emoji":"🌐"}},{"type":"text","text":" YouTube • Vimeo • Native Video "}]},{"type":"paragraph","content":[{"type":"text","text":"✨ Fluid drag + keyboard navigation "}]},{"type":"paragraph","content":[{"type":"text","text":"📚 Cineplex jump-list + direct navigation "}]},{"type":"paragraph","content":[{"type":"text","text":"🎭 Immersive Theater Mode "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" Flexible video & player ratios "}]},{"type":"paragraph","content":[{"type":"text","text":"⚡ Smooth performance across extensive media libraries "}]},{"type":"paragraph","content":[{"type":"text","text":"♿ Responsive, accessible & reduced-motion aware"}]},{"type":"paragraph","content":[{"type":"text","text":"From film portfolios and creative studios to product launches, campaigns, editorial experiences, and brand storytelling — OmniHeroPlex turns the hero itself into the experience."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"One hero. An entire cinematic experience.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Explore MDX_OmniHeroPlex live","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://modax.framer.website/mdx-components/mdx-omni-hero-plex?utm_source=chatgpt.com","target":"_blank"}}]}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0ee7d-ac4d-758e-ac77-4dd5e1d6edd6.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T18:48:14.984Z","updatedAt":"2026-09-29T18:48:14.984Z"},{"id":"01a0ea54-e478-74b1-855f-71d8fb81875a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"sqNYQO3yUxnHkLi3SuOP","resolved":true,"title":"MDX_OmniHeroPlex","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"🎬 "},{"type":"text","text":"Turn your hero into a cinematic viewing experience.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniHeroPlex is a premium full-focus video reel built for immersive storytelling, featured media, portfolios, product films, trailers, campaigns, and curated video experiences."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"globe_with_meridians","emoji":"🌐"}},{"type":"text","text":" "},{"type":"text","text":"Unified Video Engine","marks":[{"type":"bold"}]},{"type":"text","text":" Bring YouTube, Vimeo, and native video together inside one seamless media experience."}]},{"type":"paragraph","content":[{"type":"text","text":"✨ "},{"type":"text","text":"Cinematic 3D Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" Move naturally through your content with fluid drag gestures, navigation arrows, keyboard controls, and responsive motion engineered to stay smooth even across extensive media libraries."}]},{"type":"paragraph","content":[{"type":"text","text":"📚 "},{"type":"text","text":"Cineplex Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" Give visitors instant access to the entire media collection through an elegant jump list and direct numeric navigation."}]},{"type":"paragraph","content":[{"type":"text","text":"🎭 "},{"type":"text","text":"Theater Mode","marks":[{"type":"bold"}]},{"type":"text","text":" Expand any active video into an immersive, focused viewing experience without leaving the page."}]},{"type":"paragraph","content":[{"type":"text","text":"🖼️ "},{"type":"text","text":"Flexible Media Presentation","marks":[{"type":"bold"}]},{"type":"text","text":" Configure individual video ratios, custom thumbnails, stable player framing, surface depth, corner radius, autoplay, audio controls, and navigation arrows."}]},{"type":"paragraph","content":[{"type":"text","text":"⚡ "},{"type":"text","text":"Built for Performance","marks":[{"type":"bold"}]},{"type":"text","text":" Designed for consistently fluid navigation whether showcasing a few videos or an extensive media collection."}]},{"type":"paragraph","content":[{"type":"text","text":"♿ "},{"type":"text","text":"Production Ready","marks":[{"type":"bold"}]},{"type":"text","text":" Keyboard accessible, responsive, reduced-motion aware, viewport optimized, URL sanitized, and engineered specifically for reliable Framer Canvas and live-site behavior."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" film portfolios, creative studios, SaaS launches, product showcases, agencies, editorial experiences, courses, campaigns, and cinematic brand storytelling."}]},{"type":"paragraph","content":[{"type":"text","text":"🎬 Explore the "},{"type":"text","text":"live demo","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://modax.framer.website/mdx-components/mdx-omni-hero-plex","target":"_blank"}}]},{"type":"text","text":" and complete feature experience"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"One hero. An entire cinematic experience.","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]},"introduction":"Cinematic 3D Hero Reel","slug":"mdx-omniheroplex","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0ea54-9975-722f-809c-233fb4eafc3d.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-28T23:23:46.564Z","updatedAt":"2026-09-29T02:28:51.729Z","publishedAt":"2026-09-28T23:23:46.561Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-omni-hero-plex","price":"39","paymentUrl":"https://buy.stripe.com/3cI9AS1Sv8E73qCfHh4ZG0i","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"v5GMWeIE9hWPigQpafCH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-28T23:23:47.192Z","updatedAt":"2026-09-28T23:23:47.192Z"},{"id":"01a0bb86-6b5e-7037-81fa-009001d48923","title":null,"body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet MDX_OmniDeck — a carousel that refuses to move in just one direction.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"One deck. Multiple experiences. Total control.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniDeck is now live on the Framer Marketplace — a premium content deck designed to go far beyond the conventional carousel."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"compass","emoji":"🧭"}},{"type":"text","text":" "},{"type":"text","text":"4-Way Swipe Physics","marks":[{"type":"bold"}]},{"type":"text","text":" — Left, Right, Up, or Down with tactile inertia "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"black_joker","emoji":"🃏"}},{"type":"text","text":" "},{"type":"text","text":"Hybrid · Text Only · Image Only","marks":[{"type":"bold"}]},{"type":"text","text":" — mix completely different experiences in one deck "}]},{"type":"paragraph","content":[{"type":"text","text":"↔️ "},{"type":"text","text":"Flexible Layouts","marks":[{"type":"bold"}]},{"type":"text","text":" — position imagery Top, Bottom, Left, or Right with 10–90% sizing "}]},{"type":"paragraph","content":[{"type":"text","text":"🌍 "},{"type":"text","text":"Per-Card RTL","marks":[{"type":"bold"}]},{"type":"text","text":" — native Arabic, Hebrew, and other right-to-left content without disrupting the layout "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"abc","emoji":"🔤"}},{"type":"text","text":" "},{"type":"text","text":"Typography Override","marks":[{"type":"bold"}]},{"type":"text","text":" — independent Title, Body, and CTA fonts on any card "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Deep Visual Control","marks":[{"type":"bold"}]},{"type":"text","text":" — dual themes, gradients, per-card styling, precise image framing, and 3D depth "}]},{"type":"paragraph","content":[{"type":"text","text":"▶️ "},{"type":"text","text":"Smart Interaction","marks":[{"type":"bold"}]},{"type":"text","text":" — Auto-Play, Infinite/Finite flow, editable Progress Pill, Swipe Hints, and directional labels "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"Connected Experiences","marks":[{"type":"bold"}]},{"type":"text","text":" — deep-link directly to a card and trigger external interactions with On Card Change "}]},{"type":"paragraph","content":[{"type":"text","text":"🛠️ "},{"type":"text","text":"Solo Design Mode","marks":[{"type":"bold"}]},{"type":"text","text":" — isolate and perfect any card directly on the Framer canvas "}]},{"type":"paragraph","content":[{"type":"text","text":"♿ "},{"type":"text","text":"Production Ready","marks":[{"type":"bold"}]},{"type":"text","text":" — keyboard navigation, reduced-motion support, smart loading, and responsive content handling"}]},{"type":"paragraph","content":[{"type":"text","text":"From product showcases and portfolios to onboarding, editorial content, multilingual experiences, and feature discovery — "},{"type":"text","text":"OmniDeck adapts to the experience instead of forcing the experience into a carousel.","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0bb84-93d5-70fb-960c-a47f2f7dc096.jpg","metadata":{"tint":{"h":210,"s":67,"l":9},"width":3200,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T21:15:43.843Z","updatedAt":"2026-09-19T21:15:43.843Z"},{"id":"01a0b685-1552-7545-8ef3-8363e5b342c3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"5Ay1GV2ahiM08FmhlQGw","resolved":true,"title":"MDX_OmniDeck","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Not just another carousel. One deck. Multiple experiences. No compromise.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniDeck is a premium all-in-one carousel system that goes far beyond basic left-to-right sliding."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"compass","emoji":"🧭"}},{"type":"text","text":" "},{"type":"text","text":"True 4-Way Physics","marks":[{"type":"bold"}]},{"type":"text","text":" Swipe Left, Right, Up, or Down with fluid, tactile motion and natural inertia."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"black_joker","emoji":"🃏"}},{"type":"text","text":" "},{"type":"text","text":"Hybrid · Text Only · Image Only","marks":[{"type":"bold"}]},{"type":"text","text":" Mix completely different card types inside the same deck, with Hybrid imagery positioned Top, Bottom, Left, or Right."}]},{"type":"paragraph","content":[{"type":"text","text":"🖼️ "},{"type":"text","text":"Precision Image Control","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust image size, choose Cover or Contain, select from 9 focal positions, and fine-tune framing with 0.5×–3× zoom."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Themes + Per-Card Styling","marks":[{"type":"bold"}]},{"type":"text","text":" Build distinct Light and Dark experiences with gradients, colors, borders, corner radius, and card-level visual overrides."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"abc","emoji":"🔤"}},{"type":"text","text":" "},{"type":"text","text":"Per-Card Typography","marks":[{"type":"bold"}]},{"type":"text","text":" Enable "},{"type":"text","text":"Typo Override","marks":[{"type":"bold"}]},{"type":"text","text":" to give individual cards their own Title, Body, and CTA fonts while the rest inherit the global typography system."}]},{"type":"paragraph","content":[{"type":"text","text":"🌍 "},{"type":"text","text":"Native RTL Support","marks":[{"type":"bold"}]},{"type":"text","text":" Enable "},{"type":"text","text":"RTL Mode","marks":[{"type":"bold"}]},{"type":"text","text":" per card for Arabic, Hebrew, and other right-to-left content without disturbing image placement or deck composition."}]},{"type":"paragraph","content":[{"type":"text","text":"✍️ "},{"type":"text","text":"Rich Content Formatting","marks":[{"type":"bold"}]},{"type":"text","text":" Use bold, italic, links, line breaks, escapes, and free-flow content structures directly inside Framer."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"radio_button","emoji":"🔘"}},{"type":"text","text":" "},{"type":"text","text":"Built-In CTA Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" Send visitors to URLs or smoothly navigate to Framer Scroll Sections from individual cards."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"Deep Linking + Events","marks":[{"type":"bold"}]},{"type":"text","text":" Open the deck at a specific card and use "},{"type":"text","text":"On Card Change","marks":[{"type":"bold"}]},{"type":"text","text":" to synchronize external content, animation, or state."}]},{"type":"paragraph","content":[{"type":"text","text":"🛠️ "},{"type":"text","text":"Solo Design Mode","marks":[{"type":"bold"}]},{"type":"text","text":" Isolate any card directly on the Framer canvas and refine its content, crop, layout, typography, CTA, and styling without navigating the live deck."}]},{"type":"paragraph","content":[{"type":"text","text":"▶️ "},{"type":"text","text":"Auto-Play + Flow Control","marks":[{"type":"bold"}]},{"type":"text","text":" Choose Infinite or Finite flow, configure Auto-Play, display the editable Progress Pill, and guide interaction with Swipe Labels and Swipe Hint."}]},{"type":"paragraph","content":[{"type":"text","text":"♿ "},{"type":"text","text":"Production Ready","marks":[{"type":"bold"}]},{"type":"text","text":" Keyboard navigation, reduced-motion support, smart image loading, scroll-aware content masks, and Framer canvas safeguards are built in."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" One deck. Multiple experiences. Total control."}]}]},"introduction":"All-in-one content deck for Framer","slug":"mdx-omnideck","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0b684-6056-7728-a2cc-2a270c8ac42e.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-18T21:56:09.547Z","updatedAt":"2026-09-18T23:15:28.955Z","publishedAt":"2026-09-18T21:56:09.544Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-omni-deck","price":"49","paymentUrl":"https://buy.stripe.com/14AcN49kX2fJ1iufHh4ZG0f","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"OuOM7hfMLbYSinLMvJQP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T21:56:10.194Z","updatedAt":"2026-09-18T21:56:10.194Z"},{"id":"01a087b1-ca4b-7745-944e-48c3d3ff5cb0","title":null,"body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet MDX_OmniGallery — cinematic image browsing for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn ordinary image collections into immersive gallery experiences built for photography, product showcases, portfolios, digital art, editorial work, and visual storytelling."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"True 3D Ring Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" "},{"type":"text","text":"Smart Fit","marks":[{"type":"bold"}]},{"type":"text","text":" — lock your preferred aspect ratio and let landscape or portrait images adapt automatically "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Dynamic Ambient Glow","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}},{"type":"text","text":" "},{"type":"text","text":"Glassmorphic Theater Mode","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Buttery-Smooth 60fps Performance","marks":[{"type":"bold"}]},{"type":"text","text":" — Handles "},{"type":"text","text":"100+ images ","marks":[{"type":"bold"}]},{"type":"text","text":"with fluid interaction and responsive performance across both the Framer canvas and published site."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" "},{"type":"text","text":"Framer Canvas Optimized","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"keyboard","emoji":"⌨"}},{"type":"text","text":" Keyboard & Accessible Navigation"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"1234","emoji":"🔢"}},{"type":"text","text":" "},{"type":"text","text":"Smart Slide Navigation","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Choose "},{"type":"text","text":"16:9, 16:10, 4:3, 3:2, 1:1, or 9:16","marks":[{"type":"bold"}]},{"type":"text","text":" and keep the gallery consistently structured regardless of the images you add."}]},{"type":"paragraph","content":[{"type":"text","text":"Your images stay the focus. The gallery becomes the experience.","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniGallery is now available on the Framer Marketplace.","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"— "},{"type":"text","text":"MODAX","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a087ae-efac-724d-9517-bdcb8f3fad15.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-09T19:46:36.613Z","createdAt":"2026-09-09T19:42:50.959Z","updatedAt":"2026-09-09T19:46:36.613Z"},{"id":"01a08307-e840-7268-8b31-d21e1dd37a4a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"z5XwfexhQz0Ygt6JeyH3","resolved":true,"title":"MDX_OmniGallery","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform ordinary image collections into immersive, cinematic experiences with "},{"type":"text","text":"MDX_OmniGallery","marks":[{"type":"bold"}]},{"type":"text","text":" — a premium 3D gallery designed for photography, product showcases, digital art, portfolios, and visual storytelling."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"True 3D Ring Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" Turn image collections into an immersive dimensional gallery with smooth, responsive navigation."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" "},{"type":"text","text":"Smart Fit Layout Engine","marks":[{"type":"bold"}]},{"type":"text","text":" Lock your gallery to "},{"type":"text","text":"16:9, 16:10, 4:3, 3:2, 1:1, or 9:16","marks":[{"type":"bold"}]},{"type":"text","text":", then let Smart Fit handle the rest. Landscape or portrait, every image automatically adapts to display correctly within the selected frame—keeping your gallery consistent and your layout intact."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Dynamic Ambient Glow","marks":[{"type":"bold"}]},{"type":"text","text":" The active image shapes the surrounding atmosphere for a richer cinematic presentation."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}},{"type":"text","text":" "},{"type":"text","text":"Glassmorphic Theater Mode","marks":[{"type":"bold"}]},{"type":"text","text":" Expand any image into an immersive focused viewing experience."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"100+ Image Ready","marks":[{"type":"bold"}]},{"type":"text","text":" Built to keep large image collections smooth and responsive."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" "},{"type":"text","text":"Framer Canvas Optimized","marks":[{"type":"bold"}]},{"type":"text","text":" Designed to remain fast and responsive while working inside Framer."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"keyboard","emoji":"⌨"}},{"type":"text","text":" "},{"type":"text","text":"Accessible Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" Keyboard controls and accessible interactions make browsing intuitive for more users."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"1234","emoji":"🔢"}},{"type":"text","text":" "},{"type":"text","text":"Smart Slide Counter","marks":[{"type":"bold"}]},{"type":"text","text":" Jump directly to any image while navigation automatically stays within the available collection."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"text","text":" "},{"type":"text","text":"Flexible Image Sources","marks":[{"type":"bold"}]},{"type":"text","text":" Use uploaded images, direct URLs, animated GIFs, or connect gallery content to Framer CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniGallery turns image collections into cinematic experiences while giving designers complete control over the gallery’s layout.","marks":[{"type":"bold"}]}]}]},"introduction":"Cinematic 3D Gallery for Framer","slug":"mdx-omnigallery","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a08306-edc9-7102-986c-946c6cfdfb6b.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-08T21:58:48.107Z","updatedAt":"2026-09-29T03:46:53.100Z","publishedAt":"2026-09-08T21:58:48.104Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-omni-gallery","price":"39","paymentUrl":"https://buy.stripe.com/bJe5kC2Wz5rV1iu1Qr4ZG0j","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"lJ5kbaKTZ0avPeQ3OAXs","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-08T21:58:48.640Z","updatedAt":"2026-09-08T21:58:48.640Z"},{"id":"01a06e40-e033-751d-a4c2-8fc9ee6724ca","title":null,"body":"$5c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniPlex is live — now with an even more refined cinematic video experience. ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for Framer projects where video deserves more than a standard grid, "},{"type":"text","text":"MDX_OmniPlex","marks":[{"type":"bold"}]},{"type":"text","text":" combines immersive 3D browsing with a polished, flexible media player."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"cyclone","emoji":"🌀"}},{"type":"text","text":" "},{"type":"text","text":"True 3D Video Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" Browse videos through a genuine 360° ring with fluid drag, swipe, momentum, and keyboard navigation."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" "},{"type":"text","text":"Built for Large Media Libraries","marks":[{"type":"bold"}]},{"type":"text","text":" Designed to remain responsive and efficient even as your video collection grows."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"milky_way","emoji":"🌌"}},{"type":"text","text":" "},{"type":"text","text":"Glassmorphic Letterboxing","marks":[{"type":"bold"}]},{"type":"text","text":" Vertical, landscape, and mixed-ratio videos stay beautifully framed inside a consistent player."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tv","emoji":"📺"}},{"type":"text","text":" "},{"type":"text","text":"Picture-Tube Glass Effect","marks":[{"type":"bold"}]},{"type":"text","text":" A refined recessed-glass treatment adds subtle depth around the media surface."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Adaptive Ambient Glow","marks":[{"type":"bold"}]},{"type":"text","text":" The active poster influences the surrounding glow, creating a more immersive viewing experience."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"desktop_computer","emoji":"🖥"}},{"type":"text","text":" "},{"type":"text","text":"Optimized Framer Canvas Experience","marks":[{"type":"bold"}]},{"type":"text","text":" Designed to stay smooth and lightweight while working directly inside Framer."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"popcorn","emoji":"🍿"}},{"type":"text","text":" "},{"type":"text","text":"Immersive Theater Mode","marks":[{"type":"bold"}]},{"type":"text","text":" Open videos in a premium fullscreen viewing experience with dynamic aspect-ratio handling and cinematic presentation."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"keyboard","emoji":"⌨"}},{"type":"text","text":" "},{"type":"text","text":"Accessible Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" Keyboard controls, ARIA support, quick-jump navigation, and touch-friendly interaction are built in."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"arrow_forward","emoji":"▶"}},{"type":"text","text":" "},{"type":"text","text":"YouTube, Vimeo & Native Video","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for portfolios, product showcases, trailer collections, courses, and video-driven Framer experiences."}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniPlex — a Premium MODAX Component for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for designers. Refined with your feedback.","marks":[{"type":"italic"}]}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a06e3e-7743-73c0-a643-65cbfde88056.png","metadata":{"tint":{"h":240,"s":67,"l":9},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-04T21:09:00.602Z","updatedAt":"2026-09-04T21:09:00.602Z"},{"id":"01a065d5-58a4-73ad-adb1-433ff3868a38","title":null,"body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet MDX_OmniPlex — cinematic video, reimagined for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Standard video grids work. But when video is central to the experience, they rarely feel immersive."}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniPlex","marks":[{"type":"bold"}]},{"type":"text","text":" turns your video library into a true 3D media experience with fluid 360° navigation, momentum dragging, and a cinematic player built for mixed formats."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}},{"type":"text","text":" True 3D media browsing "}]},{"type":"paragraph","content":[{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"arrow_forward","emoji":"▶"}},{"type":"text","text":" YouTube, Vimeo & native video "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"milky_way","emoji":"🌌"}},{"type":"text","text":" Glassmorphic mixed-ratio letterboxing "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"popcorn","emoji":"🍿"}},{"type":"text","text":" Fullscreen Theater Mode "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Thumbnail-driven ambient glow "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"1234","emoji":"🔢"}},{"type":"text","text":" Quick-jump video navigation "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" Responsive, touch-friendly interaction "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"shield","emoji":"🛡"}},{"type":"text","text":" Reliable media handling"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built for portfolios, product showcases, trailer collections, courses, and any Framer project where video deserves more than a conventional carousel."}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniPlex — a Premium MODAX Component for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for designers. Refined with your feedback."}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a065d1-e3b6-7719-b496-de1bf01c7182.webp","metadata":{"tint":{"h":240,"s":50,"l":6},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T05:54:35.816Z","updatedAt":"2026-09-03T05:54:35.816Z"},{"id":"01a0607a-8dfb-742e-85ab-f8e13f0afcad","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"w8tnVoCZo7oxJ5ksFuPh","resolved":true,"title":"MDX_OmniPlex","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}},{"type":"text","text":" Transform your media showcases with "},{"type":"text","text":"MDX_OmniPlex","marks":[{"type":"bold"}]},{"type":"text","text":", a premium cinematic 3D video carousel built for Framer. "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Designed for high-impact portfolios, agency sites, and premium product launches, it replaces standard video grids with an immersive, true 360-degree 3D drum. "}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"cyclone","emoji":"🌀"}},{"type":"text","text":" "},{"type":"text","text":"True 3D Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" — Browse videos through a 360° media ring with smooth momentum-based dragging."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"arrow_forward","emoji":"▶"}},{"type":"text","text":" "},{"type":"text","text":"YouTube, Vimeo & Native Video","marks":[{"type":"bold"}]},{"type":"text","text":" — Mix supported video sources inside one unified player."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"milky_way","emoji":"🌌"}},{"type":"text","text":" "},{"type":"text","text":"Glassmorphic Letterboxing","marks":[{"type":"bold"}]},{"type":"text","text":" — Handle vertical, landscape, and mixed aspect ratios with ambient blurred backgrounds instead of black bars."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"popcorn","emoji":"🍿"}},{"type":"text","text":" "},{"type":"text","text":"Theater Mode","marks":[{"type":"bold"}]},{"type":"text","text":" — Open the active video in a premium fullscreen viewing experience that adapts to its native ratio."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Ambient Glow","marks":[{"type":"bold"}]},{"type":"text","text":" — Automatically tint the surrounding interface from the active thumbnail for a more immersive presentation."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"1234","emoji":"🔢"}},{"type":"text","text":" "},{"type":"text","text":"Quick-Jump Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" — Jump directly to any video using the interactive Now Showing counter."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"keyboard","emoji":"⌨"}},{"type":"text","text":" "},{"type":"text","text":"Accessible & Responsive","marks":[{"type":"bold"}]},{"type":"text","text":" — Includes keyboard navigation, reduced-motion awareness, touch interaction, and responsive behavior."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"shield","emoji":"🛡"}},{"type":"text","text":" "},{"type":"text","text":"Reliable Media Handling","marks":[{"type":"bold"}]},{"type":"text","text":" — Missing thumbnails or broken video links are handled gracefully without disrupting the layout."}]}]},"introduction":"Cinematic 3D Video Experience","slug":"mdx-omniplex","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a06076-5d26-741d-b68b-94592b8e77ed.webp","metadata":{"tint":{"h":240,"s":50,"l":6},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-02T04:57:19.016Z","updatedAt":"2026-09-29T03:55:07.922Z","publishedAt":"2026-09-02T04:57:19.013Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-omni-plex","price":"39","paymentUrl":"https://buy.stripe.com/6oU5kC7cP4nR2my9iT4ZG0k","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"nAjZ1tdVhjaSqDapmYZo","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T04:57:19.611Z","updatedAt":"2026-09-02T04:57:19.611Z"},{"id":"01a01d3b-2a31-73d3-a59d-650d3833b007","title":null,"body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet MDX_DocMenu — a different way to navigate in Framer."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Traditional navbars work, but they can take up valuable space and often feel disconnected from the experience."}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_DocMenu","marks":[{"type":"bold"}]},{"type":"text","text":" brings an Apple-inspired dock interaction to Framer with a compact "},{"type":"text","text":"glassmorphic 3D prism tray","marks":[{"type":"bold"}]},{"type":"text","text":" designed for both site navigation and page-section control."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Dynamic icon magnification "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ice_cube","emoji":"🧊"}},{"type":"text","text":" Glassmorphic 3D dock tray "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Framer pages + external URLs "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"compass","emoji":"🧭"}},{"type":"text","text":" Smooth section scrolling "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}},{"type":"text","text":" Animated active indicators "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"mirror","emoji":"🪞"}},{"type":"text","text":" Icon reflection effects "},{"type":"emoji","attrs":{"name":"left_right_arrow","emoji":"↔"}},{"type":"text","text":" Smart overflow handling"}]},{"type":"paragraph","content":[{"type":"text","text":"Use it for documentation, SaaS, portfolios, product pages, storytelling experiences, and other projects where navigation should feel like part of the design—not just a utility."}]},{"type":"paragraph","content":[{"type":"text","text":"Explore the live component + full documentation:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"https://modax.framer.website/mdx-components/mdx-dock-menu","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://modax.framer.website/mdx-components/mdx-dock-menu","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built by "},{"type":"text","text":"MODAX","marks":[{"type":"bold"}]},{"type":"text","text":" for designers creating more distinctive Framer experiences."}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a01d3a-d3e8-73e1-aa2f-566f115a7576.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-20T03:33:31.832Z","updatedAt":"2026-08-20T03:33:31.832Z"},{"id":"019f86d4-37a8-755d-b195-046ccecc637a","title":null,"body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"MDX_ContentNavigator","marks":[{"type":"bold"}]},{"type":"text","text":" — a premium command palette for Framer. "},{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}}]},{"type":"paragraph","content":[{"type":"text","text":"Now live on the Framer Marketplace "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Long pages shouldn't feel hard to navigate."}]},{"type":"paragraph","content":[{"type":"text","text":"With "},{"type":"text","text":"MDX_ContentNavigator","marks":[{"type":"bold"}]},{"type":"text","text":", visitors can instantly search, preview, and jump to any heading, section, or media on your page through a beautiful glassmorphic command palette inspired by modern desktop workflows."}]},{"type":"paragraph","content":[{"type":"text","text":"Just press "},{"type":"text","text":"⌘M","marks":[{"type":"bold"}]},{"type":"text","text":" (or click the floating Beacon) and start typing."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Highlights","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"mag_right","emoji":"🔎"}},{"type":"text","text":" Auto-indexes "},{"type":"text","text":"H1–H6, Sections, Images, Videos & Audio","marks":[{"type":"bold"}]},{"type":"text","text":" — no setup required "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"text","text":" Live split-view previews for media before navigating "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"jigsaw","emoji":"🧩"}},{"type":"text","text":" Automatically detects and groups other "},{"type":"text","text":"MODAX","marks":[{"type":"bold"}]},{"type":"text","text":" components"}]},{"type":"paragraph","content":[{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}},{"type":"text","text":" Draggable glassmorphic Beacon with viewport-aware positioning "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"keyboard","emoji":"⌨"}},{"type":"text","text":" Full keyboard navigation with smooth interactions "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" Responsive experience across desktop and mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"Simply drop it onto your canvas, choose your accent color, and it's ready to go."}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/019f86d4-1ac0-700c-b9d7-32924c167145.webp","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T22:38:02.670Z","updatedAt":"2026-07-21T22:38:02.670Z"},{"id":"019f82c0-b98b-77f8-9b39-a5731eaf8bec","title":null,"body":"$61","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" MDX_3DModelViewer is Now Live on the Framer Marketplace","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey Framer creators! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"We are excited to introduce "},{"type":"text","text":"MDX_3DModelViewer","marks":[{"type":"bold"}]},{"type":"text","text":", a production-ready 3D viewer that brings interactive GLB and GLTF models directly into your Framer projects."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're showcasing products, architecture, industrial designs, or creative portfolios, you can add immersive 3D experiences in just a few clicks—without relying on external embeds or custom code."}]},{"type":"paragraph","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Highlights","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"package","emoji":"📦"}},{"type":"text","text":" Load GLB & GLTF models instantly"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}},{"type":"text","text":" Smooth orbit, pan, and zoom controls"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"earth_africa","emoji":"🌍"}},{"type":"text","text":" Six built-in lighting environments"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"camera","emoji":"📷"}},{"type":"text","text":" Multiple cinematic camera presets"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}},{"type":"text","text":" Automatic animation support"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Live material customization"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"goggles","emoji":"🥽"}},{"type":"text","text":" WebXR VR-ready experience"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"performing_arts","emoji":"🎭"}},{"type":"text","text":" Fullscreen & Theater Mode"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"repeat","emoji":"🔁"}},{"type":"text","text":" Multiple independent viewers on the same page"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Built for responsive, production-ready Framer websites"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"From product launches and landing pages to portfolios and interactive showcases, "},{"type":"text","text":"MDX_3DModelViewer","marks":[{"type":"bold"}]},{"type":"text","text":" helps transform static presentations into engaging experiences that visitors can explore."}]},{"type":"paragraph","content":[{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"We would love to see what you build with it!"}]},{"type":"paragraph","content":[{"type":"text","text":"Feedback and feature suggestions are always welcome."}]},{"type":"paragraph"}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/019f82bf-3c12-732c-9f04-6aed719d10ea.webp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T03:38:16.344Z","updatedAt":"2026-07-21T03:38:16.344Z"},{"id":"019f4ab7-eeb0-7499-8562-e7d7ab9b9472","title":null,"body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"MDX_ContentNavigator","marks":[{"type":"bold"}]},{"type":"text","text":" — A universal command center for Framer that lets users search, navigate, and perform actions from one intelligent interface."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":"️Stop making your users scroll endlessly. Let them instantly search headings, sections, media, and MODAX components with a beautiful glassmorphic UI and split-view media previews."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Highlights:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"mag_right","emoji":"🔎"}},{"type":"text","text":" Fuzzy search & auto-indexing "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}},{"type":"text","text":" Draggable viewport beacon "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"keyboard","emoji":"⌨"}},{"type":"text","text":" Keyboard navigation (⌘M)"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"text","text":" Live media preview panel "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" Fully mobile responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Just drop it in and set the "},{"type":"text","text":"Scope Name","marks":[{"type":"bold"}]},{"type":"text","text":" to the page's root frame/stack name , and it automatically indexes your entire page. Upgrade your site's UX today! "}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"SgmLKY8avBXs7vow0y7R","resolved":true,"title":"MDX_ContentNavigator","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Experience the component live","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://modax.framer.website/mdx-components/mdx-content-navigator","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_ContentNavigator","marks":[{"type":"bold"}]},{"type":"text","text":" A universal command center for Framer that lets users search, navigate, and perform actions from one intelligent interface. It allows your visitors to instantly search, discover, and jump to any section, heading, media file, or MODAX component on your page using a beautiful glassmorphic interface."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Why use it?","marks":[{"type":"bold"}]},{"type":"text","text":" Long landing pages and documentation sites create cognitive load. Standard anchor links are easily missed. MDX_ContentNavigator solves this by providing a floating, draggable \"Beacon\" that users can click (or trigger via keyboard ⌘M) to open a universal search bar. Behind the scenes, it automatically indexes your entire page."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"mag_right","emoji":"🔎"}},{"type":"text","text":" "},{"type":"text","text":"Universal Auto-Indexing:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically detects H1-H6 headings, Framer Sections, and Media (Images, Videos, Audio) without manual configuration. "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"jigsaw","emoji":"🧩"}},{"type":"text","text":" "},{"type":"text","text":"MODAX Ecosystem Integration:","marks":[{"type":"bold"}]},{"type":"text","text":" Uses "},{"type":"text","text":"data-modax-name","marks":[{"type":"code"}]},{"type":"text","text":" attributes to identify, group, and specially render other MODAX components with a premium accent glow. "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"text","text":" "},{"type":"text","text":"Split-View Media Previews:","marks":[{"type":"bold"}]},{"type":"text","text":" When browsing media commands, a side panel displays a live, high-fidelity preview of the image or video before navigating. "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" "},{"type":"text","text":"Mobile Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" The split-view modal automatically stacks vertically on mobile, and the beacon collapses into a compact pill to save screen space. "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"keyboard","emoji":"⌨"}},{"type":"text","text":" "},{"type":"text","text":"Keyboard Navigation:","marks":[{"type":"bold"}]},{"type":"text","text":" Full Arrow/Enter/Escape support with body scroll locking to prevent background scrolling. "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"window","emoji":"🪟"}},{"type":"text","text":" "},{"type":"text","text":"Glassmorphic Design System:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully customizable blur, radius, glass intensity, and accent colors to perfectly match your brand. "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"brain","emoji":"🧠"}},{"type":"text","text":" "},{"type":"text","text":"Smart UI Heuristics:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically filters out decorative images (logos, icons, backgrounds) so your command list stays clean and relevant."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Designer Friendly:","marks":[{"type":"bold"}]},{"type":"text","text":" No complex wiring required. Just drag the component onto your canvas, set your desired scroll offset to account for sticky headers, pick your accent color, and you're done."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for designers. Refined with your feedback."}]},{"type":"paragraph"}]},"introduction":"Premium content navigator utility","slug":"mdx-contentnavigator","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/019f4a9a-a0b4-7149-9da7-492e0160c6f1.webp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-10T06:29:55.728Z","updatedAt":"2026-07-20T22:36:00.127Z","publishedAt":"2026-07-10T06:29:55.724Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-content-navigator","price":"19","paymentUrl":"https://buy.stripe.com/cNibJ068Lg6z1iugLl4ZG0b","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"LvwojkEwrvIPuyLDKiFf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-07-18T21:38:09.236Z","createdAt":"2026-07-10T06:29:56.016Z","updatedAt":"2026-07-18T21:38:09.236Z"},{"id":"019f399c-202d-7189-9fe6-687273500c67","title":null,"body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Introducing MDX_3DModelViewer: Native Interactive 3D for Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"Hello Framer Visionaries,"}]},{"type":"paragraph","content":[{"type":"text","text":"We are excited to share our newest component with you: "},{"type":"text","text":"MDX_3DModelViewer","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"If you have been looking for a seamless way to bring real, high-fidelity 3D assets into your projects without breaking page performance or relying on clunky third-party embeds—this utility was built for you."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" What makes it powerful:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Native Integration:","marks":[{"type":"bold"}]},{"type":"text","text":" Zero external accounts or complex code required. Just drop it onto your canvas, paste a direct "},{"type":"text","text":".glb","marks":[{"type":"code"}]},{"type":"text","text":" or "},{"type":"text","text":".gltf","marks":[{"type":"code"}]},{"type":"text","text":" URL, and publish."}]},{"type":"paragraph","content":[{"type":"text","text":"Complete Visitor Freedom:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth orbit, pan, zoom, and 6 instant camera presets allow full inspection of every asset detail."}]},{"type":"paragraph","content":[{"type":"text","text":"Cinematic Lighting & Adjustments:","marks":[{"type":"bold"}]},{"type":"text","text":" Instantly cycle through 6 real-world environment presets while tweaking roughness, metalness, transparency, or emissive glow live on the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Immersive WebXR VR:","marks":[{"type":"bold"}]},{"type":"text","text":" Give your audience the ability to step inside your 3D models with a single click on supported devices."}]},{"type":"paragraph","content":[{"type":"text","text":"It behaves perfectly like a native responsive element on your canvas, allowing you to deliver a luxury product experience tailored entirely to your page design. Categorized under Utilities, it runs entirely on native performance with zero overhead."}]},{"type":"paragraph","content":[{"type":"text","text":"Explore the live preview directly inside our Framer Marketplace listing to see how this powerful utility works!"}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"84Njy1rDGmgJr4epHhi7","resolved":true,"title":"MDX_3DModelViewer","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring your 3D models to life — right inside Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Simply drag MDX_3DModelViewer onto your canvas, paste a GLB or GLTF URL, and publish. No code or external embeds required."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Why Designers Choose It"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Interactive:","marks":[{"type":"bold"}]},{"type":"text","text":" Visitors can rotate, pan, and zoom using mouse, touch, or keyboard controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6 Lighting Presets:","marks":[{"type":"bold"}]},{"type":"text","text":" Studio, Forest, Night, Dawn, City, and Warehouse settings with optional full backdrop rendering."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Material Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Real-time inspector for roughness, metalness, color tint, transparency, emissive glow, and wireframe mode."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation Support:","marks":[{"type":"bold"}]},{"type":"text","text":" Plays embedded animations automatically with a built-in clip selector."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"WebXR VR Ready:","marks":[{"type":"bold"}]},{"type":"text","text":" One-click entry into immersive virtual reality on supported headsets and browsers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6 Camera Presets:","marks":[{"type":"bold"}]},{"type":"text","text":" Instant standard angles (Front, Back, Left, Right, Top, Isometric) and quick-reset."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-Instance Support:","marks":[{"type":"bold"}]},{"type":"text","text":" Add multiple independent viewers to a single page without performance drops."}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"gear","emoji":"⚙"}},{"type":"text","text":" Customize in Framer"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Model URL:","marks":[{"type":"bold"}]},{"type":"text","text":" Direct link to your hosted .glb or .gltf file."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sizing & Canvas:","marks":[{"type":"bold"}]},{"type":"text","text":" Full control over width, height, and background color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-Rotate:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle automated spinning with custom speed rules."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Allow Zoom:","marks":[{"type":"bold"}]},{"type":"text","text":" Restrict or enable user scroll/pinch zooming."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Env. Background:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle the active lighting preset as a visible skybox."}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Get Started in Minutes"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag "},{"type":"text","text":"MDX_3DModelViewer","marks":[{"type":"bold"}]},{"type":"text","text":" onto your canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste your "},{"type":"text","text":".glb","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":".gltf","marks":[{"type":"bold"}]},{"type":"text","text":" link into the Model URL property."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust your size, background, and rotation preferences."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish.","marks":[{"type":"bold"}]},{"type":"text","text":" No plugins, code, or external accounts needed."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Interactive 3D Model Viewer","slug":"mdx-3dmodelviewer","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/bz7y24mu","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-06T22:46:00.928Z","updatedAt":"2026-09-19T18:52:20.369Z","publishedAt":"2026-07-06T22:46:00.925Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-3d-model-viewer","price":"29","paymentUrl":"https://buy.stripe.com/3cI5kCbt5cUnf9kgLl4ZG0g","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"L4tstFDTdmCGg778Kuk8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T22:46:01.005Z","updatedAt":"2026-07-06T22:46:01.005Z"},{"id":"019f2ba4-5922-7335-b147-6820ce28a58d","title":null,"body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"MDX_NavEngine v1.4.0 — Customization Update","marks":[{"type":"bold"}]},{"type":"text","text":" is now live."}]},{"type":"paragraph","content":[{"type":"text","text":"Giving designers greater control over layout customization."}]},{"type":"paragraph","content":[{"type":"text","text":"This release introduces new customization controls that make MDX_NavEngine even more adaptable to different brands and design systems."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Release Highlights"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Navigation Alignment"}]},{"type":"paragraph","content":[{"type":"text","text":"Choose Left, Center, or Right alignment for navigation items."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Configurable Border Radius"}]},{"type":"paragraph","content":[{"type":"text","text":"Adjust the corner radius of navigation pills, dropdowns, and CTA buttons."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" CTA Padding"}]},{"type":"paragraph","content":[{"type":"text","text":"Fine-tune the horizontal padding of CTA buttons."}]},{"type":"paragraph","content":[{"type":"text","text":"Typography customization continues to be available under "},{"type":"text","text":"Visual DNA → Typography","marks":[{"type":"bold"}]},{"type":"text","text":", where Framer's native typography controls provide full control over font family, weight, size, and line height. The "},{"type":"text","text":"Visual DNA","marks":[{"type":"bold"}]},{"type":"text","text":" section also includes text color controls for both Light and Dark themes."}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you to everyone who continues to share ideas and feedback. Every MODAX release is shaped by real-world use and the creativity of the Framer community."}]},{"type":"paragraph","content":[{"type":"text","text":"MODAX Release Principles"}]},{"type":"paragraph","content":[{"type":"text","text":"✓ Customer Driven"}]},{"type":"paragraph","content":[{"type":"text","text":"✓ Backward Compatible"}]},{"type":"paragraph","content":[{"type":"text","text":"✓ Fully Documented"}]},{"type":"paragraph","content":[{"type":"text","text":"✓ Production Ready"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for designers. Refined with your feedback.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T05:40:18.855Z","updatedAt":"2026-07-04T05:40:18.855Z"},{"id":"019dd08e-872b-7406-a27a-d4401d5854b6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"nxskwMELlWXffRgcmL4P","resolved":true,"title":"MDX_NavEngine","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Build sophisticated navigation without the complexity.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_NavEngine is a production-grade navigation system for Framer, built to handle everything from polished SaaS navigation to complex multi-level websites — all configurable directly from the Properties panel."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"open_file_folder","emoji":"📂"}},{"type":"text","text":" "},{"type":"text","text":"Unlimited Multi-Level Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" Build deeply structured menus with a recursive group system designed to safely support unlimited nesting."}]},{"type":"paragraph","content":[{"type":"text","text":"🎛️ "},{"type":"text","text":"Three Dropdown Experiences","marks":[{"type":"bold"}]},{"type":"text","text":" Choose "},{"type":"text","text":"Single Column, Multi Column, or Icon Grid","marks":[{"type":"bold"}]},{"type":"text","text":" independently for each menu — giving different parts of your navigation the layout that fits them best."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}},{"type":"text","text":" "},{"type":"text","text":"In-Page Section Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" Turn any nav or dropdown item into a section link with Smooth or Instant scrolling. Perfect for landing pages, portfolios, documentation, and single-page experiences."}]},{"type":"paragraph","content":[{"type":"text","text":"⚡ "},{"type":"text","text":"Portal-Based Dropdowns","marks":[{"type":"bold"}]},{"type":"text","text":" Dropdowns render above page content without fighting Framer's z-index stacking or shifting your layout."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"brain","emoji":"🧠"}},{"type":"text","text":" "},{"type":"text","text":"Intelligent Hover Behavior","marks":[{"type":"bold"}]},{"type":"text","text":" Direction-aware hover handling, close timing, and click locking help eliminate the frustrating dropdown flicker common in complex navigation."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" "},{"type":"text","text":"Responsive Mobile Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" A dedicated slide-in mobile experience includes accordion navigation, logo, CTA support, and body scroll locking."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"first_quarter_moon","emoji":"🌓"}},{"type":"text","text":" "},{"type":"text","text":"Auto, Light & Dark Themes","marks":[{"type":"bold"}]},{"type":"text","text":" Auto mode follows the site's Framer theme automatically, while Light and Dark modes provide direct control."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" "},{"type":"text","text":"Built for Real Layouts","marks":[{"type":"bold"}]},{"type":"text","text":" Use Fixed or Relative positioning, place navigation at the "},{"type":"text","text":"top or bottom","marks":[{"type":"bold"}]},{"type":"text","text":", enable compact-on-scroll behavior, and automatically swap to a compact logo."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"loudspeaker","emoji":"📢"}},{"type":"text","text":" "},{"type":"text","text":"Announcement Bar + CTAs","marks":[{"type":"bold"}]},{"type":"text","text":" Add an integrated announcement bar, primary CTA, and secondary CTA without assembling separate components."}]},{"type":"paragraph","content":[{"type":"text","text":"♿ "},{"type":"text","text":"Production Ready","marks":[{"type":"bold"}]},{"type":"text","text":" Semantic navigation structure, ARIA labels, keyboard support, optimized rendering, and resilient navigation behavior are built in."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"globe_with_meridians","emoji":"🌐"}},{"type":"text","text":" "},{"type":"text","text":"Live Demo & Docs","marks":[{"type":"bold"}]},{"type":"text","text":"Explore all features: "},{"type":"text","text":"MODAX Live Demo","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://modax.framer.website/mdx-components/mdx-nav-engine?utm_source=chatgpt.com","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"One navigation engine. From simple landing pages to deeply structured product experiences.","marks":[{"type":"bold"}]}]}]},"introduction":"Advanced Navigation Engine","slug":"mdx-navengine","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/01a0eb64-0316-77b9-8079-92fbd67e668e.jpg","metadata":{"tint":{"h":228,"s":85,"l":71},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-04-02T23:06:41.859Z","updatedAt":"2026-09-29T04:20:09.440Z","publishedAt":"2026-04-27T20:08:14.891Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-nav-engine","price":"39","paymentUrl":"https://buy.stripe.com/dRm9ASgNp9Ib7GSfHh4ZG0l","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"rDoV0ft8oI81O0Z2dwId","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-27T20:08:14.891Z","updatedAt":"2026-04-27T20:08:14.891Z"},{"id":"019dd08e-7598-77dd-a79c-26524cf63262","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"sIkSrdHaLrTdujtoJRM1","resolved":true,"title":"MDX Ferris Wheel","body":"$68","bodyJson":null,"introduction":"Circular Navigation Engine","slug":"mdx-ferris-wheel","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sIkSrdHaLrTdujtoJRM1/mdx-ferris-wheel-rqcGfs2VxsF15la09rpotZwc7RhIMm","metadata":{"tint":{"h":230,"s":86,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-02T04:20:34.533Z","updatedAt":"2026-04-27T09:30:17.085Z","publishedAt":"2026-04-27T20:08:10.392Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-ferris-wheel","price":"19","paymentUrl":"https://buy.stripe.com/eVq9AS9kX07B2my9iT4ZG09","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"GwtNXRXREiHfSypQ1sDr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-27T20:08:10.392Z","updatedAt":"2026-04-27T20:08:10.392Z"},{"id":"019d4fda-6ee0-78a4-8a53-d3619426c0d5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"lgKLwBogEw8KbBpP0KTK","resolved":true,"title":"MDX_BASlider","body":"$69","bodyJson":null,"introduction":"Dual-orientation before/after slider","slug":"mdx-baslider","author":{"framerUserId":"1381a1da-b3be-4fec-b846-806fce7d8e9d","name":"MODAX","slug":"modax","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1381a1da-b3be-4fec-b846-806fce7d8e9d/pbf14fbi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/lgKLwBogEw8KbBpP0KTK/mdx-baslider-PCuiOscCeNrBXNafENPSi9h87Y0X0v","metadata":{"tint":{"h":240,"s":53,"l":70},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-23T02:48:35.362Z","updatedAt":"2026-04-02T09:31:29.010Z","publishedAt":"2026-04-02T20:20:08.544Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-ba-slider","price":"19","paymentUrl":"https://buy.stripe.com/eVqaEWcx92fJ5yKamX4ZG07","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"CjttgdZKyzGB2qI0EQtr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-02T20:20:08.544Z","updatedAt":"2026-04-02T20:20:08.544Z"}],"pagination":{"next":"MDE5ZDRmZGEtNmVlMC03OGE0LThhNTMtZDM2MTk0MjZjMGQ1","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6a"}]