Skip to content
Agentic UI Kit
Buy

Blueprint

Automation Studio

Zapier and n8n style workflow automation app for an operations team: a workflow list with status, last run and success rate; a visual canvas editor with trigger and action nodes, branching, a configuration panel per step and publish checks; a test run that replays step by step with each step's input, output and retries; run history with status filters, search, an advanced rule filter and bulk retry; a run detail page with a replayable timeline, per-step input and output, a log and retry from the failed step; connected apps with a demo credentials manager and an action catalog; a template gallery; and workspace settings with limits and failure notifications.

Screens
4
Framework
Next.js App Router · React 19 · Tailwind CSS 4 · shadcn/ui
Variants
Radix UI and Base UI
Install
One command, every screen
New tab Try a theme

What is implemented

  • The App Router routes above, each composed from catalog components. Interactive UI states such as menus, dialogs, filters and tabs work as in the viewer.
  • Sample data that ships with each component, so the screens render without a backend.
  • Light and dark themes.

What you supply

  • Your data: API routes or a backend in place of the sample data. No backend is included.
  • Authentication and authorization.
  • Persistence: database, file storage and any server-side state.
  • Business rules and server-side validation.

Install

Radix UI project
npx shadcn@4.17.0 add @agentic-ui/blueprint-automation-studio
Checked: installs and builds in a clean Next.js project.
Base UI project
npx shadcn@4.17.0 add @agentic-ui/blueprint-automation-studio
Checked: installs and builds in a clean Next.js project.

Your project must be connected to the private registry first: installation guide.

Components it uses