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

New here? Read the installation guide.

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"
    }
  ]}
/>

More Automation pieces

View all Automation
Stripe
WhenStripe
Payment received
Slack
ThenSlack
Send #revenue alert

Trigger to Action

Two-step recipe stacked vertically with a When trigger row, a downward arrow connector, and a Then action row, each with a brand-colored icon tile and event label.

Workflow
  1. Stripe
    New payment receivedStripe · over $100
  2. Gmail
    Send welcome emailGmail · template:onboarding
  3. Notion
    Create CRM pageNotion · DB:Leads
  4. Slack
    Notify #revenueSlack · with link

Workflow Steps

Vertical workflow with brand-colored app tiles connected by a thin rail, each row showing the step name and its app and config detail.

Gmail
ActionGmail · Send email
To{{customer.email}}
SubjectYour receipt is ready
Templatereceipt-v3
Configure

Workflow Node

Single workflow step card with a kind-colored icon header (trigger, action, filter), the app/event label, configured field rows, and a configure footer.

Available variables
Trigger
{{event.id}}{{event.type}}{{event.created_at}}
Customer
{{customer.email}}{{customer.name}}{{customer.plan}}
Order
{{order.total}}{{order.currency}}

Variable Chips

Autocomplete variables card grouped by source (Trigger, Customer, Order) with monospaced handlebars-wrapped violet chips for each path.

Stripe
Notion
Slack
Sync paid invoices to Notion and ping Slack

Triggers on Stripe payment, logs the invoice in Notion, and posts a thread to #revenue.

4,280 installs

Recipe Card

Marketplace recipe card with a row of app slots that accept either a custom image or a brand-colored icon preset, plus name, description, install count, and a tone Use-recipe CTA.

Waiting for approval
Send refund to Atlas LabsRequested by Ada Lovelace · 3m ago
$2,840.00

Approval Gate

Human-in-the-loop step with an amber shield header, requester avatar, action title, amount, and side-by-side Deny outline and tone Approve buttons.