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

New here? Read the installation guide.
import { Automation2 } from "@/components/beste/piece/automation2";
<Automation2
kind="Action"
app="Gmail"
event="Send email"
image="https://oud.pics/sm/l/gmail.jpeg"
alt="Gmail"
configureLabel="Configure"
fields={[
{
"label": "To",
"value": "{{customer.email}}"
},
{
"label": "Subject",
"value": "Your receipt is ready"
},
{
"label": "Template",
"value": "receipt-v3"
}
]}
/>


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

Posts a message in #revenue when a payment over $500 lands.
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.
Workflow filter card with an all/any segmented toggle and a stack of monospace field-operator-value condition rows plus an add-filter link.
Workflow version history with a colored status dot, monospace tag, emerald active, amber draft, and muted archived pills, and author with date on the right.