Hi everyone, I’m a beginner trying to understand how the official n8n website renders or displays the workflows that you see in the UI. Could someone please explain what technologies or libraries are used for this? For example, is it using Canvas, SVG, or any specific open source diagram library?…

Hey @yidunsou , welcome to the community. Have you seen this topic? [imagem] How to embed a read-only workflow into a webpage Questions Describe the problem/error/question Hi, I want to know if it’s possible to embed a read-only workflow on webpages like t…

Thank you so much for your reply! I really appreciate it. I’ll check the related posts.

[imagem] yidunsou: reply Hi jabbson I found @n8n_io/n8n-demo-component — it works perfectly to display a static workflow diagram. However, I’d also like to show execution progress — for example, which node the execution is currently at, and which nodes have already run. Can @n8n_io/n8n-demo…

Hey @yidunsou , since we are talking about community node, which isn’t a part of the product, the best way to know whether or not it support a certain functionality is ask this nodes maintainers about it. Unfortunately, I cannot recommend the best way to go about monitoring the currently executing n…

How does the n8n website render and display workflows? (Beginner question)

Questions

jabbson Julho 7, 2025, 1:27pm 2

Hey @yidunsou, welcome to the community.

Have you seen this topic?

Tópico		Respostas	Visualizações
How to Integrate a workflow visualisation on my website? Questions	4	1049	2 de Abril de 2024
Show workflow in canvas Questions core	2	353	19 de Setembro de 2023
How to embed a read-only workflow into a webpage Questions deployment	2	2137	19 de Junho de 2023
How to embedd workflow UI within my application? Questions	4	777	23 de Agosto de 2025
Execution graphical view using API Feature Requests	1	181	16 de Outubro de 2023

How does the n8n website render and display workflows? (Beginner question)

Tópicos relacionados