Skip to content
FlowHubFluxonLab
C
General Automationfree

๐Ÿ” Visualize Your n8n Workflows with Mermaid.js!

by Eduardadapted from n8n official workflow galleryUpdated Aug 2026
RequiresCCode
Share Post Share
MaWhen clicking โ€˜Test workflowโ€™When clicking โ€˜โ€ฆRTRespond with MermaidRespond with Meโ€ฆN8List workflowsAgAggregateN8Single workflowSwSwitchRTSend PageSePrepare workflow listPrepare workfloโ€ฆSeCONFIGCoCodeWeWebhook12345678910
1/5
STEPS ยท 10
Run manually by an operator

Are you a visual thinker working with n8n? ๐ŸŽจ View and understand workflow structures at a glance with this template! Built with mermaid.js, Bootstrap 5 and AXAJ to create an interactive web page displaying n8n workflows as flowcharts. ๐ŸŒŸ Perfect for documentation, presentations, or just getting a clearer picture of your automation processes. Need customization help? Reach out to Eduard! Benefits ๐Ÿ“Š Instant workflow visualization ๐Ÿ“ฑ Responsive design ๐Ÿ”— Direct links to n8n workflows ๐Ÿงฉ Special shapes for different node types ๐Ÿšซ Disabled node indication ๐Ÿ”’ No external dependencies โ€“ just paste the workflow and call the webhook ๐Ÿ› ๏ธ Easily customizable โ€“ enhance the JS script or add custom styling โš ๏ธ Important note for cloud users โš ๏ธ Since the cloud version doesn't support environmental variables, please make the following changes in the CONFIG node: Update the instance_url variable: Enter your n8n URL instead of {{$env["N8N_PROTOCOL"]}}://{{$env["N8N_HOST"]}} Change the webhook_path to simply "webhook" instead of {{$env["N8N_ENDPOINT_WEBHOOK"] || "webhook"}} ๐ŸŒŸ Examples Multiple flowcharts on a single page: Several shapes for different nodes: Langchain nodes with special connections

Tags

n8nreference-only
Connects
CCode
CategoryGeneral Automation
Triggermanual
Complexitymedium
Nodes11
AddedAug 12, 2024
CW
free

Upload CSV test cases to Qase and send completion alerts to Slack

Quick overview This workflow upload test cases from a CSV file into Qase App and sends a confirmation message to your Slack channel. How it works Receives a form submission containing a public CSV URL and a selected Qase project option. Downloads the CSV file from the provided URL and extracts its rows into individual test-case items. Maps each row into the JSON payload Qase expects (including project code, fields like severity/priority/type, and optional parsed steps). Creates the test cases in Qase by sending a POST request per item to the Qase Cases API for the mapped project. Aggregates the upload responses into a single result. Sends a Slack incoming-webhook message confirming the test case upload is complete. Setup Create a Qase API token and add it to the Qase HTTP Header Auth credentials used for the Qase API request. Create a Slack Incoming Webhook, paste the webhook URL into the Slack notification HTTP request node, and customize the message text if needed. Ensure the uploaded CSV is publicly accessible via URL and uses the expected columns (for example: title, description, preconditions, postconditions, severity, priority, type, layer, behavior, automation, and optional

by Viktor Mikeska
CW
free

Create real estate listing video ads with OpenAI and Videotok

Quick Overview This workflow takes a real estate listing, uses OpenAI to generate ad copy and a video generation prompt, then sends it to the Videotok API to create a 9:16 vertical listing video ad with a caption and compliance notes. How it works Starts manually to test the workflow with a sample property listing. Builds a listing record containing the address, listing details, and image URLs (replace this with your real listing source). Sends the listing data to OpenAI to generate structured JSON for a video ad, including a script, generation prompt, caption, and compliance notes. Parses the OpenAI output and maps it into a Videotok generation payload with brand kit, reference images, quality, duration, and an idempotency key. Calls the Videotok Generations API to create the vertical video ad using the generated prompt and listing images. Setup Add environment variables for OPENAI_API_KEY, VIDEOTOK_API_KEY, and VIDEOTOK_BRAND_KIT_ID. Replace the sample listing step with your own source (CRM, Airtable, Google Sheets, MLS export, or scraper) and ensure it outputs address, listing_details, and listing_image_urls. Confirm the Videotok template slug (viral-video-ads) and adjust the vi

by Borja Soler
CW
free

Poll and download received invoice PDFs with KSeF Gateway to disk storage

Quick overview This workflow runs every 20 minutes to poll a self-hosted KSeF Gateway for newly received KSeF invoices, maintains a cursor checkpoint in n8n static data, downloads each new invoice PDF via the gateway API, and saves the files to local disk. How it works Runs every 20 minutes on a schedule. Reads the last successful polling checkpoint from the workflowโ€™s static data and calls the KSeF Gateway /ksef/invoices/received/new endpoint with the since cursor. If the gateway response is unsuccessful, records the error details for alerting and leaves the checkpoint unchanged so the next run retries the same window. If the response is successful, stores the returned nextSince value as the new checkpoint. If new invoices are returned, processes each invoice summary individually. Downloads each invoice PDF from the KSeF Gateway /ksef/invoice/{ksefNumber}/pdf endpoint and saves it to the configured local folder. Outputs invoice metadata (number, seller, amount, and saved file path) as a placeholder where you can plug in notifications (Slack, email, or Discord). Setup Deploy and configure a self-hosted KSeF Gateway (https://github.com/jurczykpawel/ksef-gateway) with a token or cert

by Pawel Jurczyk