A fast, keyboard-first, Spotlight-style command palette for React
npm install glyphxA fast, keyboard-first, Spotlight-style command palette for React.
Glyph provides a clean, accessible, and native-feeling command menu inspired by macOS Spotlight and modern desktop tools.
- Keyboard-first UX (⌘ + K / Ctrl + K)
- Fuzzy search with ranked results
- Arrow-key navigation with auto-scroll
- Grouped commands
- System light / dark mode support
- Glass-style UI
- Accessible by default (Radix Dialog)
- Smooth, GPU-composited animations
``bash`
npm install glyphx`
orbash`
pnpm add glyphxBasic Usage
`tsx
import { GlyphX } from "glyphx";
const commands = [
{
id: "home",
title: "Go to Home",
group: "Navigation",
run: () => {
console.log("Navigate to home");
},
},
];
export default function App() {
return
}
`
Press ⌘ + K on macOS or Ctrl + K on Windows/Linux to open the palette.
---
`tsx`
open={isOpen}
onOpenChange={setIsOpen}
/>
`ts``
type Command = {
id: string;
title: string;
group?: string;
run: () => void;
};
- Minimal visual noise
- Keyboard dominance
- Instant feedback
- Native-feeling motion
- Easy to integrate and customize
GlyphX is intended as a foundational UI primitive, not a full application.
GlyphX is in early development.
APIs may change until a stable release is published.
MIT