![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 321 298" xmlns="http://www.w3.org/2000/svg"><g d="M 0 127.6 L 0 198.236 C 69.918 157.411 140.39 117.479 209.241 74.874 C 214.505 71.183 211.14 62.953 212.401 57.158 L 214.186 0 Z M 36.457 218.743 C 55.115 228.693 74.988 236.979 92.149 249.378 C 94.656 248.338 100.812 244.377 104.7 242.246 L 267.162 147.746 L 267.668 253.248 L 320.922 223.106 L 319.414 51.287 L 36.461 218.743 Z M 132.672 262.993 L 190.445 298.159 L 237.167 271.032 L 236.666 202.204 Z" fill="transparent" height="298.15866666666676px" id="oYPaEMfJR" width="320.9215952380952px"><path d="M 0 127.6 L 0 198.236 C 69.918 157.411 140.39 117.479 209.241 74.874 C 214.505 71.183 211.14 62.953 212.401 57.158 L 214.186 0 Z M 36.457 218.743 C 55.115 228.693 74.988 236.979 92.149 249.378 C 94.656 248.338 100.812 244.377 104.7 242.246 L 267.162 147.746 L 267.668 253.248 L 320.922 223.106 L 319.414 51.287 L 36.461 218.743 Z" fill="rgb(255, 255, 255)" height="253.2480238095239px" id="Ps7e7nkBH" width="320.9215952380952px"/><path d="M 0 60.788 L 57.773 95.954 L 104.495 68.828 L 103.994 0 Z" fill="rgb(255, 255, 255)" height="95.95444047619047px" id="GI6IQNK9l" transform="translate(132.672 202.204)" width="104.49528571428569px"/></g></svg>)
MODAX
MDX_ContentNavigator
V1.0.0A premium, system-level command palette and content discovery tool engineered for Framer, allowing instant search and navigation across your entire page.
Overview
Finding specific content on long landing pages or documentation sites creates 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) to open a universal search bar. Behind the scenes, the component automatically indexes your entire page, grouping content logically. When a user searches, it uses a lightning-fast fuzzy search algorithm to deliver instant results, complete with thumbnail previews for media.
Instant Jump Links
Let users jump directly to Pricing, Testimonials, or FAQ without endless scrolling.
Asset Discovery
Index project case studies and high-res media so users can search "branding" and see thumbnail previews instantly.
Table of Contents
Auto-index all H2 and H3 subheadings to create an instant, searchable directory.
Component Grouping
Group all MODAX system components in a dedicated, premium category within the search results.
Features Stage
Universal Auto-Indexing
Automatically detects H1-H6 headings, Framer Sections, and Media without manual configuration.
Properties Gadget
User Guide
Component Placement:
Drag the MDX_ContentNavigator component anywhere onto your Framer canvas. It renders invisibly on the canvas and portals to the body on the live site.
Deploy Premium Search Instantly
Accelerate your site's UX by leveraging an intelligent, auto-indexing command palette that reduces cognitive load and eliminates endless scrolling.
FAQ
MDX_ContentNavigator
V1.0.0A premium command palette for Framer that helps users instantly search, navigate, and trigger actions across headings, sections, and MODAX components.
Overview
MDX_ContentNavigator is a universal command palette for Framer that gives users a fast, keyboard-first way to navigate a site. It supports fuzzy search, automatic indexing of page content, custom commands, and MODAX component discovery. The component is designed to feel premium and lightweight, with a glass-morphic interface that adapts to modern site aesthetics while remaining practical for real navigation. It can be opened with a keyboard shortcut or a floating beacon, then used to jump to headings, sections, URLs, or custom command targets. On desktop it appears as a centered modal, and on mobile it shifts into a bottom-sheet experience for better usability on smaller screens.
Site Search
Let users instantly jump to sections, headings, or destinations from a single command surface.
Keyboard Navigation
Add a CMD+K style interaction to Framer projects for faster browsing and discovery.
Documentation Sites
Help users find guides, sections, and support links without scrolling through long pages.
Component Discovery
Automatically surface MODAX components inside a searchable command interface.
Premium Interaction Layer
Add a polished glass-morphic utility that improves perceived product quality and usability.
Features Stage
Smart Search
Uses fuzzy matching to search command labels and descriptions in real time.
Properties Gadget
Get MODAX Releases First
Early access to components, templates, and plugins — plus exclusive freebies and limited-time discounts.
