Agent Workflow

Show visitors how your AI product works, in a way they can watch. Agent Workflow plays a live agent pipeline: a trigger fires, a glowing pulse travels to each step, every step goes from Waiting to Running to Done, and the result card appears at the end. Then it loops.

It’s built for AI SaaS, automation tools, agent startups and agencies. Drop it into a hero, a “How it works” section or a feature block.

Features • Trigger, 2–6 steps and an output card, all editable in the properties panel • 14 built-in icons: mail, webhook, clock, chat, file, database, search, sparkle, send, code, bolt, user, check and tag • Curved connectors (solid or dashed) with a glowing pulse • Autoplay, loop, speed control (0.25×–3×) and play when scrolled into view • Click to replay when autoplay is off • Responsive: horizontal on desktop, a vertical timeline on mobile • Light and dark: 7 colors, font, radius, padding and glow are all editable • Every label can be changed, so it works in any language • Respects reduced-motion settings

Tip: 4 steps fit in a row at 1000px wide. For 5–6 steps, use about 1200px.