Explore the Possibilities

Real MODAX components and illustrative collections in one searchable, adaptive catalog.

MODAX Componentsfeaturedmodax

MDX_CineStage

Cinematic image storytelling beyond a standard carousel.

Present campaigns and portfolios with eight cinematic transitions, flexible image fitting, Theater Mode, and accessible navigation.

PremiumCinematic image system

MODAX Componentsversatilemodax

MDX_OmniDeck

One deck. Multiple experiences.

Mix Hybrid, Text Only, and Image Only cards with four-way swipe, RTL content, per-card typography, and controlled autoplay.

PremiumInteractive content deck

MODAX Componentsdiscoverymodax

MDX_ContentNavigator

Find page content from a single command interface.

A draggable Beacon indexes headings, sections, and media for keyboard-ready discovery, split-view previews, and quick navigation.

ProCommand palette · Navigation

MODAX Componentsnavigationmodax

MDX_DocMenu

A macOS-inspired dock for intuitive navigation.

Magnifying icons, a glassmorphic prism tray, and page or section navigation combine in one compact, accessible dock.

ProDock menu · UI navigation

MODAX Componentsvisualmodax

MDX_OmniGallery

Turn collections into a cinematic 3D image gallery

Browse extensive visual collections with Smart Fit, a dimensional ring, ambient glow, Theater Mode, and keyboard interaction.

Premium3D image carousel

MODAX Componentsmediamodax

MDX_MediaMosaic

A responsive mosaic for images and video.

Build rich editorial media layouts with Pulse Director playback, predictive loading, responsive tile spans, and cinematic Theater view.

PremiumImage + video mosaic

MODAX Componentsinteractivemodax

MDX_3DModelViewer

Let visitors rotate, zoom, and inspect 3D assets.

Present GLB/GLTF models with lighting presets, material controls, embedded animations, and supported WebXR viewing.

Pro3D viewer · Framer utility

MDX_OmniMediaStage cinematic mixed media showcase

MODAX Componentsadvancedmodax

MDX_NavEngine

Build powerful navigation without complex nested Framer frames.

Compose single-column, multi-column, or icon-grid dropdowns with nested groups, smooth section links, automatic dark mode, and responsive mobile navigation.

PremiumResponsive navigation · Dropdown system

Bright modern office used as conceptual workspace imagery

Digital Products · Demo demo examplefeatured

Nova Workspace

A focused home for projects, teams, and files

Concept SaaS workspace with shared boards, activity views, and role-aware collaboration. Illustrative product; not available for purchase.

ProSaaS concept · Not for sale

Digital Products · Demodemo example

Beacon Analytics

Turn scattered metrics into clear decisions

Imaginary analytics platform for funnel exploration, cohort snapshots, and KPI monitoring—an example of a premium software listing.

PremiumAnalytics concept · Demo only

Fashion handbag used as illustrative commerce imagery

Digital Products · Demodemo example

Pulse Commerce

A visual storefront for curated retail.

Example commerce platform for collection merchandising, shoppable storytelling, and responsive product displays. No actual service is offered.

FreeRetail concept · Demo only

Colorful abstract artwork representing a fictional cloud platform

Digital Products · Demodemo examplecustom tier

Atlas Cloud

A configurable enterprise operations workspace.

Concept platform for multi-team permissions, deployments, and infrastructure oversight. The custom access badge demonstrates flexible catalog labeling.

EnterpriseCloud platform concept

Services · Demodemo example

Brand System Audit

Find the gaps in your visual identity.

A fictional consulting service illustrating how a text-first card can outline a review of typography, color, reusable components, and brand governance.

By RequestService concept · Not bookable

Services · Demodemo example

UX Conversion Review

Understand where the journey loses momentum.

Illustrative UX review covering onboarding, page hierarchy, and interaction friction. Editorial presentation keeps the service value clear without imagery.

UX service concept · Demo only

Design work materials illustrating a fictional product launch service

Services · Demodemo example

Product Launch Sprint

A practical path from concept to release.

Sample two-week engagement covering positioning, launch assets, and handoff checkpoints. This service is an illustration, not a booking offer.

Sample service · 2-week format

Resources · Demodemo example

Accessibility Handbook

Build experiences more people can use.

A sample resource demonstrating editorial content and Markdown. For real guidance, see the official WCAG overview.

FreeExample guide · External reference

Resources · Demodemo example

Responsive Layout Playbook

Design from small screens outward.

An illustrative guide to fluid spacing and adaptable grids. Explore the real MDN CSS Grid guide.

FreeExample article · External references

Resources · Demodemo example

Content Strategy Toolkit

Plan clearer messaging across every touchpoint.

A fictional toolkit for audience mapping, editorial workflows, and reusable copy templates—demonstrating an Informational card without an image.

Toolkit concept · No download

Get MDX_SmartCatalog

MDX_SmartCatalog

V3.0.26

A premium CMS-free catalog and discovery system for Framer that combines relevance-ranked search, adaptive card presentations, intuitive filtering, responsive layouts, and refined visual styles in one configurable component.

Overview

MDX_SmartCatalog turns a manually curated collection into a searchable and filterable experience directly inside Framer. Build a catalog from the component's Items Property Control without connecting a CMS, search service, or external database. Visitors can discover entries through weighted keyword search, category filters, sorting, and Gallery or Compact views. Designers control content, links, colors, typography, and individual card composition without rebuilding the catalog layout.

The adaptive presentation system supports Visual, Informational, and Editorial cards. Studio, Glass, and Minimal styles work independently with Auto, Light, and Dark color themes. Optional Sticky Discovery keeps search and browsing controls accessible as visitors scroll through longer collections; on narrow layouts the sticky toolbar becomes more compact. SmartCatalog is a presentation and discovery interface, not an ecommerce checkout or CMS synchronization tool.

Digital Products

Product Collections

Present downloadable products, tools, and templates with previews, access labels, metadata, and clear destination links.

Framer Creators

Component Libraries

Organize reusable components with searchable names, categories, feature keywords, live demos, and Marketplace links.

Creative Studios

Portfolio Directories

Create image-led collections for visual work, creative projects, case studies, and campaign examples.

SaaS Teams

Feature Catalogs

Help visitors find software capabilities and resources without building a separate discovery interface.

Agencies

Service Catalogs

Organize offerings into concise Editorial or Informational cards with inquiry and learn-more actions.

Publishers

Resource Libraries

Surface guides, downloads, tutorials, and curated articles with metadata and keyword-led discovery.

Educators

Course Collections

Present lessons and educational products with descriptive summaries and optional access badges.

Communities

Curated Directories

Enable browsing by category and quick searching across independent collections of content.

Features Stage

🔎

Intelligent Weighted Search

Ranks matches across item Name, Search Keywords, Tagline, Badges, Description, and Category using exact-word and partial-word matching.

Properties Gadget

User Guide

Step 1 of 1010%

Add SmartCatalog:

Insert MDX_SmartCatalog onto a Framer page and size its frame. The catalog fills the available container width; an intrinsic starting size helps make it visible on the Canvas.

One Catalog. Multiple Content Types. Intelligent Discovery.

Build a premium searchable catalog directly in Framer without configuring a CMS. Organize real content, help visitors find relevant entries, and match a site's visual language through adaptive cards, flexible browsing, and considered design controls.

✓ Search across six meaningful content fields

✓ Showcase Visual, Informational, and Editorial content

✓ Switch between Gallery and Compact views

✓ Adapt Studio, Glass, or Minimal styling to your brand

✓ Keep discovery accessible with optional Sticky Discovery

✓ Configure items and actions directly in Framer

FAQ

Get MDX_SmartCatalog

Get MODAX Releases First

Early access to components, templates, and plugins — plus exclusive freebies and limited-time discounts.