Command Palette
iconiq-ui/command-paletteFreeComponent
Radix dialog command menu with grouped search, keyboard shortcuts, navigation items, custom triggers, and optional theme switching.
Live preview
live · rendered by the registry
Rendered by Iconiq UI on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://www.iconiqui.com/r/command-palette.jsonSource
1"use client";23import * as DialogPrimitive from "@radix-ui/react-dialog";4import {5 ArrowDown,6 ArrowUp,7 Command,8 CornerDownLeft,9 Search,10 X,11} from "lucide-react";12import { motion, useReducedMotion } from "motion/react";13import { usePathname, useRouter } from "next/navigation";14import { useTheme } from "next-themes";15import * as React from "react";1617import { cn } from "@/lib/utils";1819const QUERY_SPLIT_REGEX = /\s+/;20const RECENT_STORAGE_KEY = "iconiq-command-palette-recent";21const MAC_PLATFORM_REGEX = /mac/i;22const EXTERNAL_HREF_REGEX = /^https?:\/\//i;2324const componentThemeClassName =25// … truncated
What it pulls in
npm packages
Files it writes
More from Iconiq UI
All 119 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | Iconiq UI | Components | Free | 2 deps | |
| AI Inputai-input | Iconiq UI | Components | Free | 3 deps | |
| Alertalert | Iconiq UI | Components | Free | 2 deps | |
| Avataravatar | Iconiq UI | Components | Free | 3 deps | |
| Accordion (Base UI)b-accordion | Iconiq UI | Components | Free | 2 deps | |
| Alert Dialog (Base UI)b-alert-dialog | Iconiq UI | Components | Free | 3 deps | |
| Autocomplete (Base UI)b-autocomplete | Iconiq UI | Components | Free | 3 deps | |
| Avatar (Base UI)b-avatar | Iconiq UI | Components | Free | 2 deps |
