Command Palette (⌘K) with Native <dialog>, No Library

A VS Code/Linear-style command palette (Ctrl/Cmd+K) built entirely on the native

element - no positioning library, no focus-trap package, no portal. showModal() handles the backdrop, focus trap and Escape-to-close for free. Includes a small subsequence-based fuzzy matcher (not a plain substring filter) and full arrow-key/Enter navigation, all in plain vanilla JavaScript.

Category

img binocular Views: 5
Creation date 2026
Author Vandu

Associated Tags

command palette cmdk native dialog dialog element fuzzy search keyboard navigation vanilla javascript no library ux pattern accessibility

Related snippets :

Container Queries: A Card That Adapts to Its Container, Not the Viewport (No JavaScript)
Container Queries: A Card That Adapts to Its Co...


Reactive Shopping Cart with Signals (@preact/signals-core via CDN, No Build Step)
Reactive Shopping Cart with Signals (@preact/si...


Dark Mode Toggle with CSS Variables & LocalStorage (Vanilla JS)
Dark Mode Toggle with CSS Variables & LocalStor...


Skeleton Loading Shimmer Effect (Pure CSS)
Skeleton Loading Shimmer Effect (Pure CSS)