Hello DEV Community! 👋 For the MLH Global Hack Week and the DEV Gemma 4 Challenge , I set out to build a fully functional, premium, glassmorphic visual workflow studio entirely from scratch—without relying on heavy standard canvas packages (like React Flow or jointJS). I wanted to share my build journey, my design decisions, and how I plan to bring local, zero-latency on-device intelligence directly into the mind canvas. 🎨 The Craft: Why Vanilla JS? When you look at modern automation platforms, they are often heavily bloated, taking seconds to render and load complex visual pipelines. For Zappnod, my goal was absolute visual fluidity and light footprint. To achieve this, I engineered a custom coordinate grid and mouse tracker using raw DOM math and CSS. Because it utilizes zero heavy frontend dependencies: Instant load times : The canvas initializes in milliseconds. Pixel-perfect scaling : Elements scale fluidly with glassmorphism styling.…