COMPONENTCommand Palette
C/060//Interaction
Command Palette
Cmd-K command palette for Framer sites. Keyboard-driven nav for power users.
cmdksearchkeyboardpower-user
Pay once · Own forever
D/01//Description
A Cmd-K (or Ctrl-K) command palette component. Designed for Framer sites that want power-user keyboard navigation — quick search across page sections, theme toggles, or any custom action you wire in.
Keyboard accessible (arrow keys, enter, escape), focus-trapped while open, fuzzy-search included. Style inherits from your site's theme tokens.
P/02//Source preview · locked
import { useEffect, useState } from "react"
export function CommandPalette({ actions }: { actions: Action[] }) {
const [open, setOpen] = useState(false)
const [query, setQuery] = useState("")
useEffect(() => {
// … purchase to unlock the full sourceSource locked