The latest articles on DEV Community by nowii (@nowii-core). https://dev.to/nowii-core https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4205037%2Fc9ba005d-04b4-4b1e-bc52-c0d71e84e6cc.jpg https://dev.to/nowii-core en nowii Sat, 24 Oct 2026 15:52:13 +0000 https://dev.to/nowii-core/i-built-an-enterprise-ai-dashboard-using-only-vanilla-js-zero-frameworks-5000 https://dev.to/nowii-core/i-built-an-enterprise-ai-dashboard-using-only-vanilla-js-zero-frameworks-5000 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fd668rmwnd5y4wh4j0fhb.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fd668rmwnd5y4wh4j0fhb.png" alt=" " width="799" height="440"></a><br> Hi everyone! </p> <p>I wanted to challenge myself to build a data-heavy, enterprise-style UI without using React or any other framework. Just pure HTML, CSS, and native ES6+ JavaScript. </p> <p>No bundlers, no npm packages, no dependency bloat.</p> <h2> The Features </h2> <ul> <li> <strong>Dynamic KPIs</strong> with animated count-up</li> <li> <strong>Interactive Canvas 2D Charts</strong> (Line and Donut charts built from scratch)</li> <li> <strong>AI Copilot Simulation</strong> with streaming responses (letter by letter)</li> <li> <strong>Multi-tenant Workspace</strong> switching</li> </ul> <h2> Why Vanilla JS? </h2> <p>I wanted to prove that modern browsers are incredibly powerful on their own. By avoiding frameworks, the performance is instantaneous. It was a great exercise in DOM manipulation, state management, and advanced CSS Grid.</p> <p>It forces you to understand the fundamentals of the web, like Event Delegation and the Canvas API, instead of relying on abstractions.</p> <h2> Links </h2> <ul> <li> <strong>Live Demo:</strong> <a href="https://nowii-core.github.io/Workspace/nowii-ai/" rel="noopener noreferrer">https://nowii-core.github.io/Workspace/nowii-ai/</a> </li> <li> <strong>GitHub Repo:</strong> <a href="https://github.com/nowii-core" rel="noopener noreferrer">All my open-source projects</a> </li> </ul> <p>I'd love to hear your thoughts on the architecture! Have you ever built something complex without a framework? Let's discuss in the comments! </p> ai webdev programming productivity