A library of production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
workflow1
Two-column workflow hero with a live automation recipe card on the right showing a multi-app stack and installs counter.
workflow2
Three feature cards that swap icons for live workflow pieces: an app picker, a configurable step, and an active toggle.
workflow3
Accordion on the left, swappable workflow asset on the right. Each row picks its own piece: trigger pair, step config, approval gate, or test run.
workflow4
Three-column stats strip where each metric is anchored by a real workflow piece: active runs, success rate, and approvals.
workflow5
Two-column CTA paired with a failed-run retry card. Copy talks reliability while the asset shows the actual recovery surface.
workflow6
Asymmetric showcase: a tall image hero on the left paired with two stacked workflow assets on the right — recipe card and trigger/action pair.
workflow7
Four-step zigzag flow that alternates a workflow piece between sides. Each row pairs a numbered step with the live asset it produces.
workflow8
Side-by-side card contrasting the manual inbox with the live workflow tile. A real email asset on the left, a real trigger/action pair on the right.
workflow9
Editorial customer story card: a pull quote on top, then a two-piece pair showing the actual workflow the customer ships — an active toggle and an approval gate.
workflow10
Tabbed showcase where each tab swaps a team's typical workflow surface. Left side carries the story, right side carries the live asset.
workflow11
Minimal centered hero with a three-tile strip of workflow pieces underneath: delay, email, and approval surfaces.
workflow12
Hero with a full canvas on the right showing a real workflow flow: trigger node, condition node, and two action branches connected with lines.
workflow13
Full-width trigger picker with search, category filters, and a 12-app grid. Drop-in app marketplace showcase for any automation product.
workflow14
Full-width run history table showing live workflow runs with status pills, duration, started-at timestamps, and per-row actions.
workflow15
Recipe marketplace with filter chips and a six-card grid. Each card stacks the apps it connects, the installs counter, and a use-recipe CTA.
workflow16
Three-pane builder mockup: a step sidebar, a node canvas with connected workflow nodes, and a properties panel for the selected step.
workflow17
Full-width analytics card with four KPI tiles, a CSS bar chart of the last 30 days, and a top-workflows leaderboard with share bars.
workflow18
Three pricing tiers tuned to workflow products: run quotas, workflow counts, and integration limits with a featured plan highlighted.
workflow19
Onboarding card with a progress bar and a six-step checklist. Each step shows a completion state, a title, and a short hint.
workflow20
Minimal uptime banner: live status pill, a 90-day color-coded bar strip, and a single percentage. Reads at a glance — operational, degraded, or in incident.
workflow21
Developer-facing split: copy on the left, tabbed code blocks on the right showing the API request, response, and webhook payload for a workflow.
workflow22
Minimal live-ops banner: pulsing live dot, a big in-flight workflow counter, a 24-bar throughput strip, and a three-stat footer.
workflow23
Minimal quota meter card: header with usage label, large used/limit counter, a single progress bar, and a reset countdown footer.
workflow24
Minimal upcoming-runs banner: calendar header, a featured next-run callout, and four compact upcoming entries with relative timing and cron expression.