Workflow row card with a zap icon, name, description, and a tone-colored on/off switch on the right plus an active/paused label and runs-today count.

Posts a message in #revenue when a payment over $500 lands.
New here? Read the installation guide.
import { Automation8 } from "@/components/beste/piece/automation8";
<Automation8
name="Stripe → Slack revenue alerts"
description="Posts a message in #revenue when a payment over $500 lands."
image="https://oud.pics/sm/l/stripe.jpeg"
alt="Stripe"
active={true}
runsToday={28}
activeLabel="Active"
pausedLabel="Paused"
runsLabel="runs today"
tone="emerald"
/>
Single workflow step card with a kind-colored icon header (trigger, action, filter), the app/event label, configured field rows, and a configure footer.
Workflow filter card with an all/any segmented toggle and a stack of monospace field-operator-value condition rows plus an add-filter link.



Vertical workflow with brand-colored app tiles connected by a thin rail, each row showing the step name and its app and config detail.
Workflow execution log with rows for each run showing a semantic status icon, run id, duration, and relative time.