---
title: "Command Center Pro — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Can Girgin · Navigation. Command Center Pro brings a macOS Spotlight and Linear-style command palette to your Framer site."
canonical: "https://framer.elliotli.dev/component/command-center-pro"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Command Center Pro

# Command Center Pro

[View on Framer](https://framer.com/marketplace/components/command-center-pro/?via=elliot-li)

![Command Center Pro preview image 1](https://framer.elliotli.dev/og/component/command-center-pro/e9a2525ab28ef828/1600x1200.jpg)

## Summary

Command Center Pro brings a macOS Spotlight and Linear-style command palette to your Framer site.

## Description

Command Center Pro brings a macOS Spotlight and Linear-style command palette to your Framer site.

It is more than a search bar. Visitors can navigate to pages, use it as a lightweight command based navigation menu, smooth scroll to on page sections, open external links, or copy text instantly using a familiar keyboard shortcut.

Built for SaaS products, portfolios, and documentation sites where speed, clarity, and UX matter most.

### Key Features

-   **Native Shortcut UX:** Automatically detects Mac (Cmd) vs Windows (Ctrl) and updates the shortcut hint.
    
-   **Command-Based Navigation:** Use it as a primary or secondary navigation menu without adding visual clutter.
    
-   **Smart Actions:** Open internal routes, external URLs in new tabs, or smooth-scroll to anchors.
    
-   **Copy to Clipboard:** Ideal for emails, coupon codes, invite links, API keys, and more.
    
-   **6 Premium Themes + Custom:** Dark, Light, Minimal Dark, Minimal Light, Neon, Midnight, plus full Custom color control.
    
-   **Icons & Media:** Use Lucide icons by name or upload your own image or logo per item.
    
-   **Advanced Typography:** Separate font controls for input, list items, and metadata using Framer’s native font picker.
    
-   **Mobile-Friendly:** Clean layout on small viewports and works smoothly with virtual keyboards.
    

### Why Command Center Pro?

Unlike basic search or menu components, it uses a portal based modal architecture to stay reliable above complex layouts and tricky z index stacks while offering strong keyboard navigation and accessibility focused behavior.

### Setup

-   Drag & drop
    
-   Pick a theme
    
-   Add items (links, anchors, or copy actions)
    
-   Publish
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10096

## Details

- **Author**: Can Girgin
- **Price**: $10.00
- **Published**: 2026-01-07
- **Updated**: 2026-01-07
- **Added**: 2025-12-21
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation