62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63: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.

64: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.

65: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

66: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.

67: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.

68: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.

69: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.

6a: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.

6b: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.

6c: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.

6d: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!

6e: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.

6f: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!

70: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.

71: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.

72:T260c,

MDX_NavEngine — Premium Navigation Engine for Framer

The Only Navigation Component You'll Ever Need

MDX_NavEngine — Premium Navigation Engine for Framer

Stop fighting with nested frames and broken hover states. MDX_NavEngine is a production-grade navigation system built specifically for Framer. Drag it onto your canvas, configure everything from the Properties panel, and get a beautiful, functional navigation that works everywhere.

Quick Look: What You Get

3 Menu Types: Single-column, multi-column, or icon grid — pick what fits your design or combined all
Infinite Nesting: Groups inside groups inside groups. No limits.
Auto Dark Mode: Follows your Framer light/dark mode automatically or Force specific theme.
Glass Morphism: Frosted glass effect with blur — looks premium
Mask Scroll: Gradient fades at edges — no ugly scrollbars
Smooth Scroll: Section links scroll smoothly (works on mobile too)
Fully Responsive: Desktop pills + mobile burger menu with accordion
iOS Safe Areas: Works perfectly on notched iPhones

How Easy Is It? 60 Seconds to a Working Nav

Step 1: Drag & Drop

Drag MDX_NavEngine onto your canvas. That's it.

⚠️ Important: Place it at the document root-level — not inside any frame or stack. This ensures Fixed positioning works correctly.

Step 2: Add Your Logo

Open Nav Bar in the Properties panel → Logo Source → Upload your logo (or paste a URL). Add a Compact Logo for when the nav shrinks on scroll.

Step 3: Type Your Menu Items

Nav Bar → Nav Items → Click the array to add items.

Step 4: Pick Your Colors

Visual DNA → Choose your Light/Dark colors:

Surface — Background color
Text — All text color
Accent — Hover background, active pills, CTA color

Step 5: Preview

Switch to Preview mode. Hover over dropdowns. Resize to see mobile menu. Toggle light/dark mode in Framer.

You're done.

Properties Panel — Everything in One Place

All settings are organized into 5 clean groups. No digging through nested menus.

Building Your Menu Structure

The One Simple Rule

If you want Regular Links (Pricing, Contact, Sign in) set "Has Items" to "No"

For Dropdown menu set "Has Items" to "Yes"

That's it.

Regular Links (No Dropdown)

Example: Pricing page, Contact section

Label: "Pricing"
Has Items: NO
Goes To: "Link" (or "Page Section" for smooth scroll)
URL: "/pricing" (if Goes To is set to link)
Section ID: #section-id (if Goes To is set to Section)
Scroll: Smooth/Instant (If Goes To is set to Section)
New Tab: Yes/No (if Goes To is set to Link)
Badge: Optional — "New", "Beta", etc.

The pill will now navigate directly when clicked.

Dropdown Menus (Has Items = YES)

Example: Products menu with items inside

Label: "Products"
Has Items: Yes
Layout: "Single Column", "Multi Column", or "Grid"
Items: Click to add what goes INSIDE the dropdown

Adding Items Inside a Dropdown

Click the Items array. Each item can be one of two types:

Clickable link - IsGroup NO, Takes the user somewhere
Group header - isGroup YES, A collapsible category that contains multiple links

Type 1: Clickable Link (Is Group = NO)

Is Group: NO
Name: "Wrist Watch"
Group: Empty for root-level — OR type a group name to nest inside
Goes To: "Link" or "Page Section"
URL: Where it goes
Hint: Optional short description (shown as hover caption or underneath the Name, based on the Visual DNA property "Show Hint: Below Item/On Hover"
Icon Source: Upload/URL
Icon Image: if "Icon Source" is Upload
Icon URL: If "Icon Source" is URL

NOTE: Icons are optional if its not a Icon Grid Menu, if provided it will show before the Name

Type 2: Group Header (Is Group = YES)

Is Group: YES
Group Name: "CellPhones"
Parent Group: Empty for root-level — OR type a parent group name to nest inside
Icon Source: Upload/URL
Icon Image: if "Icon Source" is Upload
Icon URL: If "Icon Source" is URL

Three Menu Types

Single Column — Clean & Simple

Groups expand inline with smooth accordion animation. Unlimited nesting depth.

Best for: User accounts, settings panels, simple navigation

Multi Column — Category Heavy

Full-width dropdown. Each group becomes a column header. Configure up to 6 columns per row.

Best for: E-commerce, documentation sites, SaaS products

Icon Grid — Visual Navigation

Card-based layout with icons. Three sizes: Small (80px), Medium (110px), Large (140px).

Best for: Integration directories, app launchers, partner ecosystems

Placement: Top vs Bottom

MDX_NavEngine works at both the top and bottom of the viewport. Everything flips automatically.

Placement Top - Top of viewport, Opens downward
Placement Bottom - Bottom of viewport, Opens upward

What happens in Bottom placement:

Navbar sticks to bottom of screen, Dropdowns Open upward. Announcement bar appears below navbar. Compact on scroll, compacts when scrolling UP.

Mobile Experience

Below 810px (or when burger is clicked on desktop):

Pills - Hidden automatically
Burger button - Appears
Menu - Slides in from the right
Navigation - Vertical accordion
CTAs - Primary + Secondary at bottom
Scroll lock - Page behind cannot scroll
Safe areas - Works on notched iPhones

Accessibility

Screen readers - ARIA labels on all interactive elements
Keyboard navigation - Tab, Enter, Escape support
Focus management - Focus trap in mobile menu

Common Questions

Q: Does this work with my existing font?

A: Yes. The component inherits font from its parent frame. Change your frame's font in Framer's text properties.

Q: Can I change the hover effect?

A: Yes.

Q: How many nav items can I have?

A: Unlimited. Long menus scroll.

Q: Can I have nested groups inside nested groups?

A: Yes. Unlimited nesting depth.

Q: Does the mobile menu close when I click a link?

A: Yes.

Q: What if Fixed Position isn't staying fixed?

A: Check if any parent has transform, filter, or perspective. Toggle the page container's padding-top. This is a Framer rendering quirk — your component is correct.

Ready to Build?

"This component saved me days of work. The multi-column dropdown alone is worth the price."

"Finally — a navigation component that actually works."

73: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.

74: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.

75:Tc53,

MDX_DocMenu

🧭 Apple-Style 3D Dock Navigation for Framer

Bring the iconic macOS dock experience to Framer with a premium navigation system that replaces traditional navbars with a compact, interactive dock.

MDX_DocMenu features a glassmorphic 3D prism tray, dynamic icon magnification, smooth section scrolling, and intelligent overflow handling. Whether you're building documentation, portfolios, SaaS products, landing pages, or storytelling experiences, it delivers a polished navigation experience that feels familiar and engaging.

✨ Key Features

🪄 Apple-style icon magnification
🧊 Glassmorphic 3D prism tray
🔗 Internal page, external URL, and section navigation
🎯 Animated active indicator
🪞 Icon reflection effects
📐 Intelligent auto-sizing tray
↔ Smart overflow scrolling
♿ Accessibility-ready structure
⚡ Production-ready performance

🎯 Perfect For

Documentation sites
SaaS products
Portfolios
Agency websites
Landing pages
Storytelling experiences
Educational platforms
Product showcases

🔀 Flexible Navigation

Use MDX_DocMenu as a full site navigation system or a page-section controller.

Each item can:

Navigate to Framer pages
Open external links
Smoothly scroll to page sections

💎 Why Choose MDX_DocMenu?

Traditional navbars consume valuable screen space and often feel disconnected from the experience. MDX_DocMenu transforms navigation into an interactive element that is visually engaging, space-efficient, and easy to configure.

With premium animations, responsive behavior, and a refined visual aesthetic, it helps your Framer projects feel more polished while improving navigation clarity.

🔗 Live Demo & Documentation

Explore MDX_DocMenu in action, view implementation examples, and read the complete documentation:https://modax.framer.website/mdx-components/mdx-dock-menu

MODAX Premium UI Library

76:T8f6,

🚀 Introducing MDX_OmniMediaStage — A Premium Media Showcase Engine for Framer

Media on a website shouldn’t feel like content dropped into a basic grid.

MDX_OmniMediaStage is built to turn images and videos into an interactive showcase — whether you’re presenting a small photo album, creative portfolio, product gallery, agency reel, case study collection, or a large library of video and AI-generated content.

✨ What’s inside:

• Smart Pulse Director — automatically spotlights visible videos using a fair-shuffle system.

• Explorer Mode — zero-preload, hover-to-play behavior for performance-friendly large galleries.

• Intelligent Responsive Engine — transforms complex desktop compositions into clean tablet and mobile mosaics automatically.

• Premium Glassmorphic Lightbox — fullscreen viewing with drag-to-dismiss, keyboard navigation, audio controls, downloads, and prompt/description copying.

• Advanced MediaGuard — lazy loading, instant video posters, buffering feedback, and efficient media handling.

• Canvas-Friendly Performance — heavy video behavior is automatically suppressed while designing in Framer.

• Designer Control — customize tile spans, gaps, radius, captions, typography, focus points, and composition directly from Framer.

From a handful of images to extensive mixed-media collections, OmniMediaStage is designed for any Framer project where media deserves to be part of the experience.

🔗 Explore the live demo & full documentation: https://modax.framer.website/mdx-components/mdx-omni-media-stage

MDX_OmniMediaStage Premium Media Showcase Engine for Framer

Built by MODAX — premium UI systems for Framer.

77:T9ea,

MDX_OmniMediaStage

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

✨ Key Features

Glassmorphic Lightbox: Fullscreen viewing with drag-to-dismiss, keyboard navigation, audio controls, prompt copy, and media download.
Smart Pulse Director: Spotlights one visible video at a time using a fair-shuffle queue and animated gradient border.
Explorer Mode: Disable Pulse for hover-to-play video with zero-preload behavior, ideal for large galleries.
Canvas-Friendly: Detects the Framer Canvas and pauses heavy video behavior so editing stays smooth.
Advanced MediaGuard: Native lazy loading, instant posters, buffering feedback, and efficient media handling.

🎥 Dual Playback Modes

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

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

📱 Intelligent Responsive Layout

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

Perfect For

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

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

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

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

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-1381a1da-b3be-4fec-b846-806fce7d8e9d-all:/unified/creator/1381a1da-b3be-4fec-b846-806fce7d8e9d/activity/":[{"data":[{"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 Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/l3x6bbd8","slug":"maybefarhad","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"},{"id":"01a01d17-069b-769a-a8d2-67205bb80799","type":"creator.followed","target":{"type":"creator","id":"bd056727-646e-4926-8cd9-8101d180670f","preview":"WORKSHOP99","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1359715/54g3r-1h1-3kuiEvOfgNtg4oiAQUDlCkmgVsbwMT","slug":"workshop99","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:03.410Z","latestAt":"2026-08-20T02:54:03.410Z"},{"id":"01a01d17-0406-7128-acd3-e0f09cd365f0","type":"creator.followed","target":{"type":"creator","id":"e3626cbc-3355-4f68-8394-492fe124ae15","preview":"Crovira Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e3626cbc-3355-4f68-8394-492fe124ae15/mx53ngpz","slug":"crovira-studio","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:02.755Z","latestAt":"2026-08-20T02:54:02.755Z"},{"id":"019fc08d-6808-71fa-8e32-347fd528ddba","type":"creator.followed","target":{"type":"creator","id":"e5bbe430-5a5a-4ce0-93d3-8bc3821f0a13","preview":"Hasin Raihan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5bbe430-5a5a-4ce0-93d3-8bc3821f0a13/roxf2ggb","slug":"hasin-raihan","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-02T03:38:40.516Z","latestAt":"2026-08-02T03:38:40.516Z"}],"pagination":{"next":"MjAyNi0wOC0wMlQwMzozODo0MC41MTZafDAxOWZjMDhkLTY4MDgtNzFmYS04ZTMyLTM0N2ZkNTI4ZGRiYQ","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":"01a0bb86-6b5e-7037-81fa-009001d48923","title":null,"body":"$63","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":"$64","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":"$65","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":"$66","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-09T04:47:48.196Z","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":"29","paymentUrl":"https://buy.stripe.com/bJedR8bt5dYr5yK1Qr4ZG0e","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":"$67","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":"$68","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":"$69","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-19T23:36:12.057Z","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":"29","paymentUrl":"https://buy.stripe.com/6oU8wOcx907B8KWcv54ZG0d","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":"$6a","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":"$6b","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":"$6c","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":"$6d","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":"$6e","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":"$6f","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":"$70","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":"$71","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":"$72","bodyJson":null,"introduction":"Hybrid navigation engine for Framer","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/components/nxskwMELlWXffRgcmL4P/mdx-navengine-hoaIUyHfmjQAJkrdu1ZpYnjvpXDSdl","metadata":{"tint":{"h":240,"s":17,"l":64},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-02T23:06:41.859Z","updatedAt":"2026-07-04T05:23:36.828Z","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":"29","paymentUrl":"https://buy.stripe.com/3cI7sK7cP6vZ3qCcv54ZG08","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":"$73","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":"$74","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"},{"id":"019d307d-fe7f-7d54-b6cb-bc8eab45bc9c","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":"vN4wO2fb5DZPmEfEtDjA","resolved":true,"title":"MDX_StackCards","body":"

MDX_StackCards is a tactile, swipe-driven layout system designed to present structured content within a focused viewport.

It supports hybrid, text-only, and image-only cards, with per-card layout control (top, bottom, left, right), art-directed responsiveness via breakpoints, and precision media handling with cover/contain and zoom.

The built-in content engine allows flexible formatting using markers for bold, italic, links, and custom line rhythm. Long-form content remains elegant with scroll-mask behavior.

Design workflows are accelerated with Solo Edit Mode, while global theme controls enable full brand alignment through colors and typography applied across the entire stack.

Engineered for product demos, onboarding flows, documentation, and curated content systems.

","bodyJson":null,"introduction":"Physics-Based Swipeable Card Deck","slug":"mdx-stackcards","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/vN4wO2fb5DZPmEfEtDjA/mdx-stackcards-80j6NjICmQnS1KBnw3OyOZ7Z6UIGGJ","metadata":{"tint":{"h":40,"s":75,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-11T06:24:13.794Z","updatedAt":"2026-03-27T09:12:42.326Z","publishedAt":"2026-03-27T18:10:56.767Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-stack-cards","price":"29","paymentUrl":"https://buy.stripe.com/bJe5kC8gTbQjaT452D4ZG03","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"kd1RYM4MROWcTuMU1qVX","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-03-27T18:10:56.767Z","updatedAt":"2026-03-27T18:10:56.767Z"},{"id":"019d25f7-c5e6-7007-bae7-8c806329bac6","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":"pqoOCr6KpXfnf26WsOuN","resolved":true,"title":"MDX_DocMenu","body":"$75","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"MDX_DocMenu"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"compass","emoji":"🧭"}},{"type":"text","text":" Apple-Style 3D Dock Navigation for Framer"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Bring the iconic macOS dock experience to Framer with a premium navigation system that replaces traditional navbars with a compact, interactive dock."}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_DocMenu features a glassmorphic 3D prism tray, dynamic icon magnification, smooth section scrolling, and intelligent overflow handling. Whether you're building documentation, portfolios, SaaS products, landing pages, or storytelling experiences, it delivers a polished navigation experience that feels familiar and engaging."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"magic_wand","emoji":"🪄"}},{"type":"text","text":" Apple-style icon magnification"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ice_cube","emoji":"🧊"}},{"type":"text","text":" Glassmorphic 3D prism tray"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Internal page, external URL, and section navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}},{"type":"text","text":" Animated active indicator"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"mirror","emoji":"🪞"}},{"type":"text","text":" Icon reflection effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" Intelligent auto-sizing tray"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"left_right_arrow","emoji":"↔"}},{"type":"text","text":" Smart overflow scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"wheelchair","emoji":"♿"}},{"type":"text","text":" Accessibility-ready structure"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Production-ready performance"}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}},{"type":"text","text":" Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Documentation sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS products"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Storytelling experiences"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Educational platforms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product showcases"}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"twisted_rightwards_arrows","emoji":"🔀"}},{"type":"text","text":" Flexible Navigation"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Use MDX_DocMenu as a full site navigation system or a page-section controller."}]},{"type":"paragraph","content":[{"type":"text","text":"Each item can:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigate to Framer pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open external links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smoothly scroll to page sections"}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"gem","emoji":"💎"}},{"type":"text","text":" Why Choose MDX_DocMenu?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Traditional navbars consume valuable screen space and often feel disconnected from the experience. MDX_DocMenu transforms navigation into an interactive element that is visually engaging, space-efficient, and easy to configure."}]},{"type":"paragraph","content":[{"type":"text","text":"With premium animations, responsive behavior, and a refined visual aesthetic, it helps your Framer projects feel more polished while improving navigation clarity."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Live Demo & Documentation","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Explore MDX_DocMenu in action, view implementation examples, and read the complete documentation:"},{"type":"text","text":"https://modax.framer.website/mdx-components/mdx-dock-menu","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"MODAX Premium UI Library","marks":[{"type":"bold"}]}]}]},"introduction":"Apple-Style Dock Navigation","slug":"mdx-docmenu","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/pqoOCr6KpXfnf26WsOuN/mdx-docmenu-dbB4LOLIHfJNgJ0zOu9LwzcbayS66N","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-11T06:33:45.165Z","updatedAt":"2026-09-19T19:30:29.748Z","publishedAt":"2026-03-25T17:08:08.294Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-dock-menu","price":"29","paymentUrl":"https://buy.stripe.com/00w3cubt59Ibd1c66H4ZG0h","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"qNlHSK1VB6BM6sPdGyxD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-25T17:08:08.294Z","updatedAt":"2026-03-25T17:08:08.294Z"},{"id":"019d25f7-aeb6-7b24-82dd-21ef965fe812","title":null,"body":"$76","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Introducing MDX_OmniMediaStage — A Premium Media Showcase Engine for Framer","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Media on a website shouldn’t feel like content dropped into a basic grid."}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniMediaStage","marks":[{"type":"bold"}]},{"type":"text","text":" is built to turn images and videos into an interactive showcase — whether you’re presenting a small photo album, creative portfolio, product gallery, agency reel, case study collection, or a large library of video and AI-generated content."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"What’s inside:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Smart Pulse Director","marks":[{"type":"bold"}]},{"type":"text","text":" — automatically spotlights visible videos using a fair-shuffle system."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Explorer Mode","marks":[{"type":"bold"}]},{"type":"text","text":" — zero-preload, hover-to-play behavior for performance-friendly large galleries."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Intelligent Responsive Engine","marks":[{"type":"bold"}]},{"type":"text","text":" — transforms complex desktop compositions into clean tablet and mobile mosaics automatically."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Premium Glassmorphic Lightbox","marks":[{"type":"bold"}]},{"type":"text","text":" — fullscreen viewing with drag-to-dismiss, keyboard navigation, audio controls, downloads, and prompt/description copying."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Advanced MediaGuard","marks":[{"type":"bold"}]},{"type":"text","text":" — lazy loading, instant video posters, buffering feedback, and efficient media handling."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Canvas-Friendly Performance","marks":[{"type":"bold"}]},{"type":"text","text":" — heavy video behavior is automatically suppressed while designing in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Designer Control","marks":[{"type":"bold"}]},{"type":"text","text":" — customize tile spans, gaps, radius, captions, typography, focus points, and composition directly from Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"From "},{"type":"text","text":"a handful of images to extensive mixed-media collections","marks":[{"type":"bold"}]},{"type":"text","text":", OmniMediaStage is designed for any Framer project where media deserves to be part of the experience."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"Explore the live demo & full documentation:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://modax.framer.website/mdx-components/mdx-omni-media-stage","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://modax.framer.website/mdx-components/mdx-omni-media-stage","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"MDX_OmniMediaStage","marks":[{"type":"bold"}]},{"type":"text","text":" Premium Media Showcase Engine for Framer "}]},{"type":"paragraph","content":[{"type":"text","text":"Built by "},{"type":"text","text":"MODAX","marks":[{"type":"bold"}]},{"type":"text","text":" — premium UI systems for Framer."}]}]},"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":"HBisChMwr0XeYxkb0C1l","resolved":true,"title":"MDX OmniMediaStage","body":"$77","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"MDX_OmniMediaStage"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A premium media showcase engine for Framer.","marks":[{"type":"bold"}]},{"type":"text","text":" Built for portfolios, galleries, agencies, brands, products, SaaS, AI content, and any site where images or video deserve more than a basic grid."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glassmorphic Lightbox:","marks":[{"type":"bold"}]},{"type":"text","text":" Fullscreen viewing with drag-to-dismiss, keyboard navigation, audio controls, prompt copy, and media download."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Pulse Director:","marks":[{"type":"bold"}]},{"type":"text","text":" Spotlights one visible video at a time using a fair-shuffle queue and animated gradient border."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Explorer Mode:","marks":[{"type":"bold"}]},{"type":"text","text":" Disable Pulse for hover-to-play video with zero-preload behavior, ideal for large galleries."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas-Friendly:","marks":[{"type":"bold"}]},{"type":"text","text":" Detects the Framer Canvas and pauses heavy video behavior so editing stays smooth."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced MediaGuard:","marks":[{"type":"bold"}]},{"type":"text","text":" Native lazy loading, instant posters, buffering feedback, and efficient media handling."}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"movie_camera","emoji":"🎥"}},{"type":"text","text":" Dual Playback Modes"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Curator Mode — Pulse On:","marks":[{"type":"bold"}]},{"type":"text","text":" One visible video plays at a time while surrounding videos remain subdued, creating a guided editorial experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Explorer Mode — Pulse Off:","marks":[{"type":"bold"}]},{"type":"text","text":" Videos remain as lightweight posters until hovered, reducing bandwidth and keeping large collections responsive."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" Intelligent Responsive Layout"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"OmniMediaStage automatically transforms complex desktop compositions into clean tablet and mobile mosaics while protecting media proportions and visual hierarchy. Control spans, gaps, radius, captions, typography, and focus points directly in Framer."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Portfolios, photography, films, galleries, albums, agency work, case studies, product showcases, SaaS sites, brand campaigns, editorial stories, AI-generated media, and large mixed-media libraries."}]},{"type":"paragraph","content":[{"type":"text","text":"From a few images to extensive video collections, OmniMediaStage gives Framer designers a polished way to present media beautifully and efficiently."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Demo & Documentation:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://modax.framer.website/mdx-components/mdx-omni-media-stage","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://modax.framer.website/mdx-components/mdx-omni-media-stage","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, set your spans, and let your media take the stage.","marks":[{"type":"bold"}]}]}]},"introduction":"Premium AI Media Showcase Engine","slug":"mdx-omnimediastage","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/01a01c10-5a0a-7359-a8c8-8fb2225246b4.webp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-03-11T06:41:54.826Z","updatedAt":"2026-08-19T22:34:48.344Z","publishedAt":"2026-03-25T17:08:02.358Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modax.framer.website/framer-preview/mdx-omni-media-stage","price":"29","paymentUrl":"https://buy.stripe.com/fZu00i54HdYr4uGeDd4ZG01","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"93oUy7sdJcIjq9M4asNU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-19T22:34:49.192Z","createdAt":"2026-03-25T17:08:02.358Z","updatedAt":"2026-08-19T22:34:49.192Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L78"}]