CommandPalette

A ⌘+ K fuzzy command launcher — a top-centered overlay with a search field and a filtered, grouped, keyboard-navigable command list. Global hotkey, bind:open, per-command shortcut hints. Built on Input + Kbd.

Try it

Press ⌘+ K (or Ctrl+ K), or click the button. Type to filter, ↑/ ↓ to move, ↵ to run, Esc to close.

<script>
  import { CommandPalette, type Command } from '@spaethtech/svelte-ui';
  let open = $state(false);
  const commands: Command[] = [
    { label: 'New file', group: 'Actions', shortcut: ['⌘','N'], onrun: () => create() },
    { label: 'Open settings', group: 'Actions', onrun: () => go('/settings') },
  ];
</script>

<!-- ⌘K / Ctrl+K opens it anywhere; or bind:open from a button -->
<CommandPalette bind:open {commands} />