MoonUI

Command

Free

A powerful command menu component with intelligent fuzzy search, keyboard navigation, and smooth animations.

Installation

Install via CLI

npx @moontra/moonui-cli add command

Usage

Examples

Basic Command Menu

A simple command menu with grouped items and shortcuts.

Variants and Sizes

variant and size are real CVA props — prefer them over hand-rolled classNames. bordered adds the themed border, glass makes the surface translucent with a backdrop blur, and size sets the palette's minimum height.

variant

default

glass (translucent + backdrop blur)

bordered

size — sets the minimum height (200px / 300px / 400px)

sm

md

lg

Command Dialog (⌘K)

A command dialog that opens with keyboard shortcut.

Advanced Search with Categories

A comprehensive command menu with multiple categories.

With Disabled Items & Status

Command menu with disabled items and status badges.

Interactive Selection

Command menu with selection callback.

Search with Keywords

Enhanced search with keyword support.