Project
Roulette

Command Palette

Cmd-K, type three letters, and you're where you wanted to be.

IntermediateWeb appUI component10–20hAI-buildable 4/5no setup

The command palette every serious app now has. Fuzzy matching across commands, grouped results, keyboard-only navigation, and nested command modes. Getting the ranking right — so typing 'sp' surfaces 'Split pane' above 'Spelling' — is what separates a good one from a frustrating one.

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 7

  • A keyboard shortcut opens the palette from anywhere
  • Fuzzy matching ranks commands sensibly as you type
  • Matched characters highlight within each result
  • Results group by category with keyboard navigation across groups
  • Enter runs the selected command and closes the palette
  • Nested modes let a command ask for a follow-up argument
  • Recently used commands rank higher

The interesting part

  • Fuzzy ranking that feels intelligent rather than arbitrary
  • Focus trapping and restoring focus correctly on close
  • Keeping the list responsive with hundreds of commands

Once it works

  • Add async result sources that load while you type
  • Add per-command keyboard shortcut hints
  • Add a fallback action for unmatched input

Suggested stack

reacttypescripttailwindfuse.js

Track it