---
title: "Command Bar — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Isaac Yi · Navigation. The Cmd+K command bar solved this for docs sites and SaaS dashboards — now it's a five-minute drop-in for Framer."
canonical: "https://framer.elliotli.dev/component/command-bar"
---

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

# Command Bar

Type to search. Enter to jump.

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

![Command Bar preview image 1](https://framer.elliotli.dev/og/component/command-bar/138a16c6932b83b9/1600x914.jpg)

## Summary

The Cmd+K command bar solved this for docs sites and SaaS dashboards — now it's a five-minute drop-in for Framer.

## Description

Every SaaS landing page has the same problem: visitors scroll, hunt through menus, or bounce before finding what they came for. The Cmd+K command bar solved this for docs sites and SaaS dashboards — now it's a five-minute drop-in for Framer.

Command Palette gives your site a Raycast/Linear-style search bar: press Cmd+K (Mac) or Ctrl+K (Windows), auto-detected, or click the always-visible trigger. A live-filtered command list opens instantly — type to search, arrow keys to navigate, Enter to select, Esc to close.

What you get:

\- Global Cmd+K / Ctrl+K shortcut with automatic OS detection

\- Live search filtering with full keyboard navigation

\- Items smooth-scroll to a page anchor or open an external link

\- Fully panel-driven: placeholder, accent color, theme, and every item's label, hint, and destination

\- No React portal, no framer-motion — lightweight CSS overlay with resize-aware positioning

\- Static-render safe — every listener disables in Framer's canvas and export

Built for SaaS landing pages, documentation sites, and portfolios that want to feel like a real product, not just a scroll.

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

-   All · #9117

## Details

- **Author**: Isaac Yi
- **Price**: $10.00
- **Published**: 2026-07-01
- **Updated**: 2026-07-01
- **Added**: 2026-07-01
- **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