Trigger Picker

App picker with a search input, Popular section header, and a four-up grid of app tiles showing logo photo and name.

Search trigger apps⌘K

Popular

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Automation11 } from "@/components/beste/piece/automation11";

<Automation11
  placeholder="Search trigger apps"
  heading="Popular"
  apps={[
    {
      "src": "https://oud.pics/sm/l/stripe.jpeg",
      "alt": "Stripe"
    },
    {
      "src": "https://oud.pics/sm/l/gmail.jpeg",
      "alt": "Gmail"
    },
    {
      "src": "https://oud.pics/sm/l/slack.svg",
      "alt": "Slack"
    },
    {
      "src": "https://oud.pics/sm/l/notion.png",
      "alt": "Notion"
    }
  ]}
/>