I Got Tired of 200MB node_modules in Admin Dashboards, So I Built One With Zero Dependencies

I grew weary of the massive node_modules folders found in many admin dashboard templates. These heavy frameworks lock developers into specific client-side technologies, demand constant maintenance of complicated bundlers like Vite or Webpack, and result in fragile build systems that break when packages are updated. Frustrated by this pattern, I decided to create the Maxic Fintech & SaaS Admin Kit, a solution utilizing only semantic HTML5, CSS custom properties, and modular vanilla JavaScript.

The kit contains zero npm packages and zero build pipelines, relying solely on performant, standards-based web code.

The Maxic Fintech & SaaS Admin Kit can be directly opened in any modern browser using file:/// or served with a lightweight static server. It can easily be integrated into various backend systems such as Go, Python, Django, Laravel, Ruby on Rails, Node, or deployed on platforms like S3 or Cloudflare Pages, without the hassle of managing npm scripts or build processes.

The kit's architecture is based on a tokenized design system powered by CSS custom properties. Each UI element is designed using these design tokens, configured at the :root level in the CSS. The token values include a primary color (#0f172a), an accent color (#2563eb), a surface base color (#ffffff), a surface subtle color (#f8fafc), a default border color (#e2e8f0), a sans-serif font stack (Inter, Apple system font, Blink Mac system font, and generic sans-serif), and a small shadow (#0 1px 2px 0 rgb(0 0 0 / 0.05)).