UI reference · web

Creating a workflow

10 screens · n8n

Creating a workflow UI from n8n

Patterns

Empty StateHomeMulti-Column LayoutCanvasInternal ToolTimeline & History

Components

unknownsearch_bartoastbuttontab

Explore real product flows

Onboarding flow in n8n

Creating a workflow flow in n8n

Creating a workflow

Adding a node (sample data) flow in n8n

Adding a node (sample data)

Filtering workflows flow in n8n

Filtering workflows

Importing a template to a workspace flow in n8n

Importing a template to a workspace

Creating a workflow (AI chatbot) flow in n8n

Creating a workflow (AI chatbot)

Filtering executions (date) flow in n8n

Filtering executions (date)

Chatting with AI assistant flow in n8n

Chatting with AI assistant

Switching to expression flow in n8n

Switching to expression

Inviting a user flow in n8n

Inviting a user

Editing profile

Filtering executions (error status) flow in n8n

Filtering executions (error status)

Explore the full catalog

Terms and conditions Privacy Cookies