---
title: "Command Bar & Search — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Ricky R · Forms. CommandK filters commands as visitors type, prioritizes matches that begin with their search, and organizes results into customizable groups."
canonical: "https://framer.elliotli.dev/component/command-bar-search"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Command Bar & Search

# Command Bar & Search

Spotlight-style Command Palette

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

![Command Bar & Search preview image 1](https://framer.elliotli.dev/og/component/command-bar-search/301072f1c4bd7d67/1600x1137.jpg)

## Summary

CommandK filters commands as visitors type, prioritizes matches that begin with their search, and organizes results into customizable groups.

## Description

A polished ⌘K command palette for Framer sites. Let visitors quickly search your site, jump to sections, or open pages and external links, using the keyboard or an optional on-page trigger.

CommandK filters commands as visitors type, prioritizes matches that begin with their search, and organizes results into customizable groups. Every command can scroll to a section or open a Framer page, anchor, or supported URL.

**Highlights:**

• Open with ⌘K, Ctrl+K, or the optional trigger • Live search with prefix-priority matching • Section scrolling and page or external links • Custom command groups and shortcut hints • Built-in icons, uploaded image icons, or text-only mode • Five presets: Paper, Carbon, Adaptive, Sharp, and Midnight Glass • Custom colors, glass, blur, radius, typography, width, and height • Light, dark, and system-adaptive appearance • Open/closed Canvas Preview for easier setup • Responsive behavior for desktop, tablet, and mobile • Keyboard navigation, focus management, ARIA support, and reduced motion • Static-render safeguards for Framer previews and thumbnails

Setup is handled directly in the Framer sidebar. Add your commands, choose Scroll or Page for each item, connect the destination, and customize the appearance.

**Custom icon tip:** For the sharpest uploaded icons, use an SVG image asset or export a transparent PNG at 4× its intended display size. For example: 96×96 px for a 24 px icon.

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

-   All · #7909

## Details

- **Author**: Ricky R
- **Price**: $12.00
- **Published**: 2026-08-03
- **Updated**: 2026-10-19
- **Added**: 2026-08-03
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from