use-command-palette is a headless React hook that gives you everything you need to build a ⌘K command palette state, keyboard navigation, fuzzy search, ARIA attributes, focus management. Every existing library either ships a styled component you have to override, requires a context Provider at the app root, or both. use-command-palette does neither. It's a single `useCommandPalette()` call that returns prop getters you spread onto your own elements.

Humans in the Loop — A free community for people who love using AI to ship faster

A free community for people who love using AI to ship faster

Hey PH 👋 I built this because I wanted to add a command palette to a side project and found myself choosing between cmdk (forces its own styled components on you) and kbar (needs a Provider wrapping your whole app, has its own store). I wanted a library that behaves like `react-dropzone` or `downshift` — just give me the state and props, I'll do the rendering. So I built one. The hook returns everything you need to build a fully accessible, keyboard-navigable, fuzzy-searchable command palette: ```tsx const { isOpen, isMounted, animationState, filteredItems, isLoading, recentItems, currentPage, breadcrumb, canGoBack, announcement, getContainerProps, getInputProps, getListProps, getItemProps, getAnnouncerProps, } = useCommandPalette({ items, onSelect }) ``` No component to override. No Provider to add. No CSS to fight. Would love feedback — especially on the API surface. What would you need from a headless command palette library that isn't here yet?

Humans in the Loop — A free community for people who love using AI to ship faster

A free community for people who love using AI to ship faster

use-command-palette

Headless React hook for cmd palettes zero deps, no Provider

Headless React hook for cmd palettes zero deps, no Provider