I scraped 6,000+ n8n workflows and built a search engine with interactive previews
Source: Dev.to
The Problem
I kept running into a specific friction point with the official template library and various community sources: I had to download a JSON file, import it into my local n8n instance, check the nodes, and then often discard it because it wasn’t what I needed. The cycle was:
- Download →
- Import →
- Check nodes →
- “Nope, not what I need” →
- Delete
The Solution
I collected 6,000+ n8n workflows and built a dedicated search engine that renders the node graph directly in the browser, eliminating the need to download anything before previewing.
Live Site
Interactive Preview (The Killer Feature)
The site shows a visual preview of each workflow before you download it, so you never have to perform blind imports.
Better Search
A searchable index lets you quickly find workflows that match your criteria.
JSON Export
You can still export the raw JSON for any workflow you like.
How I Built It (The Stack)
- Frontend: Next.js (App Router) – for SEO and speed.
- Visualization: React Flow – customized to mimic n8n’s UI style.
- Backend / DB: Supabase – stores a searchable index of the workflows.
- Data Collection: Custom Python scripts (Playwright) to aggregate data from public sources.
Data & Contributions
The raw workflow data is organized into a curated list on GitHub. Feel free to use the data or contribute to its categorization.
Future Plans
I’m planning to improve the search algorithm and maybe add AI‑generated workflow suggestions based on the existing dataset. Your feedback is welcome—let me know if the visual preview loads fast enough or if any filters are missing. Happy automating! 🤖