Command Search

A command palette input that types out sample queries and live-filters grouped results, with arrow-key navigation and an animated selection highlight.

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

"use client";

import { CommandSearch } from "@/components/ui/command-search";

export default function CommandSearchDemo() {
  return (
    <div className="flex w-full justify-center py-8">
      <div className="w-full max-w-[512px]">
        <CommandSearch />
      </div>
    </div>
  );
}