A production component library·Now in private beta
stable Navigation

SDF Command Menu

A keyboard-first ⌘K command palette — fuzzy filter, grouped results, and full arrow/enter/esc keyboard navigation. Bind the global hotkey or drop in the built-in trigger.

Sign in to copy
SdfCommandMenu.tsx 201 lines · TypeScript

The full source is for members

Sign in and choose a plan to view and copy SdfCommandMenu.tsx. The live preview above is free to explore.

Sign in

How to use. Copy SdfCommandMenu.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.

All React components
A Stacklumen Product