Multi-agent workflow pipeline with node status visualization - shadcn/ui
Visual pipeline showing 6 connected agent nodes (Research Agent, Summarizer, Fact Checker, Writer, Editor, Publisher). Each node is a card showing agent name, current status (idle/running/done/error) with color-coded badge, last action text, and token count. A Start Workflow button triggers sequential simulation.
Preview
Explore More Blocks
OnboardingProfessional user onboarding and welcome components for React and Next.js. Build multi-step onboarding flows, welcome cards, stepper forms, verification screens, and guided setup experiences with customizable layouts.
WidgetsVersatile widget components for React and Next.js. Build dashboard widgets, stats cards, join-now sections, and data visualization panels with customizable designs.
FootersModern footer components and section layouts for React and Next.js. Build professional website footers with links, social media, newsletters, and navigation.
BlogElegant blog components and content layouts for React and Next.js. Create beautiful article grids, post previews, author profiles, and content-rich blog experiences.
PagesComplete, ready-to-use full-page layouts for React and Next.js. Drop in a full page — dashboards, management views, and multi-section layouts composed from multiple blocks. Install with one command and customize to your needs.
FeatureProfessional feature showcase components for React and Next.js. Build product features, service highlights, benefits sections, and feature comparison layouts with icons, images, and call-to-action elements.
Product ListProfessional product listing and showcase components for React and Next.js. Build product grids, filtered lists, rating displays, and ecommerce product catalogs with customizable layouts.
AuthenticationSecure authentication components and login flows for React and Next.js. Build sign-in forms, registration pages, password reset flows, and authentication interfaces.