26 components available
Craft

Command K

June 2024
A sleek command palette UI with real-time filtering, grouped actions, and stylized keyboard hints — ideal for global app navigation or power-user shortcuts.
Playground
Run
() => {
  const commands = {
    Suggestions: [
      {
        name: 'Open application',
        icon: 'https://reverseui.com/images/command-k/window.svg',
      },
      {
        name: 'Show in finder',
        icon: 'https://reverseui.com/images/command-k/mac-finder.svg',
      },
      {
        name: 'Add to favourites',
        icon: 'https://reverseui.com/images/command-k/star.svg',
      },
    ],
    General: [
      {
        name: 'Mark as complete',
        icon: 'https://reverseui.com/images/command-k/tick.svg',
      },
    ],
  };

  return <CommandK commands={commands} />;
};

Installation

API Props

PropTypeDefault
commands
[category: string]: { name: string; icon: JSX.Element | string; }[]
{}
Inspired by: https://www.dimension.dev