Hi everyone!
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.
No bundlers, no npm packages, no dependency bloat.
The Features
- Dynamic KPIs with animated count-up
- Interactive Canvas 2D Charts (Line and Donut charts built from scratch)
- AI Copilot Simulation with streaming responses (letter by letter)
- Multi-tenant Workspace switching
Why Vanilla JS?
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.
It forces you to understand the fundamentals of the web, like Event Delegation and the Canvas API, instead of relying on abstractions.
Links
- Live Demo: https://nowii-core.github.io/Workspace/nowii-ai/
- GitHub Repo: All my open-source projects
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!
Top comments (0)