<n8n-demo>

Workflow preview web component

Example: Customize

CSS

n8n-demo {
--n8n-frame-background-color: black;
--n8n-json-background-color: lightgray;
--n8n-copy-button-background-color: gray;
--n8n-workflow-min-height: 500px;
--n8n-iframe-border-radius: 30px
}

HTML

<n8n-demo workflow='{"nodes":[{"name":"Workflow-Created","type":"n8n-nodes-base.webhook","position":[512,369],"parameters":{"path":"webhook","httpMethod":"POST"},"typeVersion":1}],"connections":{}}' frame="true"></n8n-demo>