Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.
| Piece | Title | Category | Install |
|---|---|---|---|
| badge3 | Coupon Code | Tag | npx shadcn add https://ui.beste.co/piece/r/badge3 |
| badge2 | Version Badge | Tag | npx shadcn add https://ui.beste.co/piece/r/badge2 |
| badge1 | Tag Cluster | Tag | npx shadcn add https://ui.beste.co/piece/r/badge1 |
| automation20 | Variable Chips | Automation | npx shadcn add https://ui.beste.co/piece/r/automation20 |
| automation19 | Version Tags | Automation | npx shadcn add https://ui.beste.co/piece/r/automation19 |
| automation18 | Run Stats | Automation | npx shadcn add https://ui.beste.co/piece/r/automation18 |
| automation17 | Approval Gate | Automation | npx shadcn add https://ui.beste.co/piece/r/automation17 |
| automation16 | HTTP Action | Automation | npx shadcn add https://ui.beste.co/piece/r/automation16 |
| automation15 | Run Failed | Automation | npx shadcn add https://ui.beste.co/piece/r/automation15 |
| automation14 | Loop Iterator | Automation | npx shadcn add https://ui.beste.co/piece/r/automation14 |
| automation13 | Delay Step | Automation | npx shadcn add https://ui.beste.co/piece/r/automation13 |
| automation12 | Test Result | Automation | npx shadcn add https://ui.beste.co/piece/r/automation12 |
| automation11 | Trigger Picker | Automation | npx shadcn add https://ui.beste.co/piece/r/automation11 |
| automation10 | Recipe Card | Automation | npx shadcn add https://ui.beste.co/piece/r/automation10 |
| automation9 | Filter Conditions | Automation | npx shadcn add https://ui.beste.co/piece/r/automation9 |
| automation8 | Workflow Toggle | Automation | npx shadcn add https://ui.beste.co/piece/r/automation8 |
| automation7 | Workflow Steps | Automation | npx shadcn add https://ui.beste.co/piece/r/automation7 |
| automation6 | Webhook Endpoint | Automation | npx shadcn add https://ui.beste.co/piece/r/automation6 |
| automation5 | If-Then Branch | Automation | npx shadcn add https://ui.beste.co/piece/r/automation5 |
| automation4 | Run Log | Automation | npx shadcn add https://ui.beste.co/piece/r/automation4 |
| automation3 | Schedule Chip | Automation | npx shadcn add https://ui.beste.co/piece/r/automation3 |
| automation2 | Workflow Node | Automation | npx shadcn add https://ui.beste.co/piece/r/automation2 |
| automation1 | Trigger to Action | Automation | npx shadcn add https://ui.beste.co/piece/r/automation1 |
| ai45 | Diff Suggestion | AI | npx shadcn add https://ui.beste.co/piece/r/ai45 |
Dashed-border tag with a monospace code on the left and a colored discount callout on the right.
Split chip with a monospace version string and a colored stage tag like NEW or BETA.
Wrapping row of tinted tags in five tones, each optionally removable.
Autocomplete variables card grouped by source (Trigger, Customer, Order) with monospaced handlebars-wrapped violet chips for each path.
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.
Seven-day workflow health card with stacked emerald success and rose failure bars, a success rate headline, and totals footer.
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.
Custom HTTP request card with a semantic method pill, full endpoint URL, and a list of key/value request headers in monospace.
Rose error alert with the failed run id, relative time, a retry button, and a monospaced step and error-code panel plus explanation message.
For-each loop card with a tone repeat tile, source expression, current/total counter, tone progress bar, and a sample value from the current iteration.
Pause-step card with a dashed border, a tone-tinted timer tile, the wait duration, and a subtle continuation note.
{
"id": "evt_8a2k4f",
"type": "payment.succeeded",
"amount": 4200,
"currency": "usd"
}Workflow test preview with a semantic status check, HTTP status code, duration, and a monospaced JSON response body panel below.
App picker with a search input, Popular section header, and a four-up grid of app tiles showing logo photo and name.


Triggers on Stripe payment, logs the invoice in Notion, and posts a thread to #revenue.
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.
Workflow filter card with an all/any segmented toggle and a stack of monospace field-operator-value condition rows plus an add-filter link.

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.



Vertical workflow with brand-colored app tiles connected by a thin rail, each row showing the step name and its app and config detail.
Webhook URL row with a method pill, monospaced endpoint, copy button, signed indicator, and a pulsing last-received status footer.
Conditional branch card with a dashed condition row and side-by-side true and false outcome cards labeled with emerald and rose pills.
Workflow execution log with rows for each run showing a semantic status icon, run id, duration, and relative time.
Cron-based schedule card with a sky repeat tile, human-readable cadence, monospace cron expression, next run countdown, and timezone.

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