NexoreUI
InstallationComponentsNexore MakeGitHub
GitHub
NexoreUIv0.1.2

Getting Started

Installation

Components

ButtonInputCardBadgeAlertAvatarAccordionModal / DialogTooltipTabsProgressSkeletonSliderSwitchRatingCommandTableStepperScroll AreaFile UploadNavigationIconsDock

Pro

ChartsData DisplayDark Mode ToolkitCommerceCookie ConsentSocialPremium EffectsLoaders

Animated

MarqueeNumber TickerAnimated NumberTyping AnimationBlur FadeBox RevealFile Preview CardImage Compare
MIT License
DocsCommand

Command

Command palette for quick actions.

Next ComponentTable

Command Palette

Cmd+K overlay panel that supports fully customizable item actions, list filters, and spring animations.

When to use

standard paletteProviding power users with keyboard-first navigation shortcuts to jump to files, profiles, or trigger actions
custom searchConstraining input scopes to specific search domains or dashboard page queries
action triggersExposing utility actions (e.g. settings configs, project switching, clearing cash files) dynamically

Interactive Playground

Command Playground
nexoreui
Live Preview
Press Ctrl+K or Cmd+K on your keyboard.
Props Panel
text

Input search placeholder text

Generated Code
Open in GitHub
import { Command } from "nexoreui"

<Command />

Standard Palette (Shortcut Activated)

Press Ctrl+K or Cmd+K on your keyboard.
component.tsx

Custom Search Placeholder

Press Ctrl+K or Cmd+K on your keyboard.
component.tsx

Only Administrative Operations

Press Ctrl+K or Cmd+K on your keyboard.
component.tsx

Star Favorite List Actions

Press Ctrl+K or Cmd+K on your keyboard.
component.tsx

Programmatic Controlled Toggle

Press Ctrl+K or Cmd+K on your keyboard.
component.tsx

API Reference (Props)

PropTypeDefaultDescription
items*CommandItem[]—Array of items shown. Contains label, value, icon, and onSelect callback.
placeholderstring"Type a command or search..."Search input placeholder.
openbooleanfalseActive display status of Command Dialog.
onOpenChange(open: boolean) => void—Callback trigger when dialog open/close state changes.
classNamestring—Additional custom class names.

♿ Accessibility (a11y)

  • Keyboard Shortcuts: Automatically registers global listeners for key bindings like Ctrl+K / Cmd+K to toggle visibility.
  • List Navigation: Fully navigable using Arrow Keys Up Arrow / Down Arrow, and triggers item choice on Enter.