The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Introducing MDX_ContentNavigator — A Premium Command Palette for Framer ⚡
Explore it here 👇
Long pages don't have to feel long.
MDX_ContentNavigator brings a modern command palette experience to Framer, letting visitors instantly search, preview, and jump to headings, sections, images, videos, and audio—all from a beautiful glassmorphic interface.
Inspired by tools like Raycast and Linear, it stays out of the way until you need it. Just press ⌘M (or click the floating Beacon) and start typing.
Highlights
🔎 Zero-Configuration Auto-Indexing
Automatically indexes H1–H6 headings, Framer Sections, and media—no manual setup.
🖼️ Live Media Preview
Preview images and videos before navigating.
🧩 MODAX Ecosystem Integration
Automatically detects and groups other MODAX components on the page.
🖱️ Premium Interactions
Draggable viewport-aware Beacon, smooth animations, body scroll locking, and full keyboard navigation.
📱 Responsive by Design
Optimized layouts for desktop and mobile.
Just drop it onto your canvas, choose your accent color, and it's ready to go.
Explore it here 👇
Built for designers. Refined with your feedback.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
We rebuilt (RED)’s outdated WordPress site in Framer—in just one month.
The result: a faster, more flexible website their creative team can update without relying on developers.
Check out the full case study to see how it came together ↓
the red type pops. how long did this take?
Science websites can have a pulse.
A look at Hypesound by Bright Studios. Ocean textures, oversized type, and room for the science to breathe.
The natural world gives the site its character. The typography gives it structure.
The ocean texture doing double duty as backdrop and pacing device is a smart move. Most "science can be fun" sites lean hard on illustration and end up busy. This one actually breathes.
Glimpses of micro-interactions we made for a new Framer CMS Website.
What do you think! Which one do you like more? 🔥
6 voted
60%
4 voted
40%
10 votes
Closed
I don't know which to pick but I will go for vinyl because the interactiveness looks unique
