Command Palette

Grouped command menu with keyboard navigation and an empty result state.

AArc Interfaces·byAIArc Interfaces

4,030

Bookmarks

10,400

Installs

97,300

Views

18 lines

import { Boxes, FileText, Palette, Settings, User } from "lucide-react"
import { CommandPalette } from "@/components/ui/command-palette"

const items = [
  { group: "Navigation", label: "Go to components", icon: <Boxes className="size-4" />, hint: "G then C" },
  { group: "Navigation", label: "Go to templates", icon: <FileText className="size-4" />, hint: "G then T" },