<n8n-demo>

Workflow preview web component

Example: Auto Tidy

HTML

<n8n-demo
tidyup="true"
workflow='{"nodes":[...],"connections":{}}'
>
</n8n-demo>

Description

Use tidyup="true" to automatically tidy (auto-layout) the workflow when it is loaded. This arranges nodes in a clean, organized layout.

This works with both regular demo mode and diff mode.