amankaushik481

Slash Command Menu

Component

About

A floating list of slash commands that filters as the user types after a slash, showing each option as /name with an optional hint and a no-results message.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Slash Command Menu to your project and fits it to your theme.

Code

How Slash Command Menu is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { SlashCommandMenu } from "@/components/ui/slash-command-menu";

export default function SlashCommandMenuDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <SlashCommandMenu />
    </div>
  );
}

More by amankaushik481

View all
  • Emoji Picker

    Emoji Picker

  • Chip Filter

    Chip Filter