🐝 zuix.js is a lightweight library for building modular, component-based websites and applications using standard HTML, CSS, and JavaScript. It provides a set of powerful features designed to dramatically speed up development, code reusability, and maintainability.
Zero Configuration Required: It is completely framework-agnostic. You do not need any bundlers, package managers, or complex transpiling pipelines. The magic is built-in, allowing you to integrate it seamlessly into your favorite web development stack.
Performance First: Engineered to maximize rendering speed, zuix.js automatically lazy-loads components and dependencies only when they enter the viewport or are actively required by the application logic.
Clean Architecture: Write truly reusable, standalone Web Components without creating messy, monolithic codebases that mix JavaScript, HTML, and CSS in the same file.
Ultimate Portability: Because components are encapsulated and standalone, they can be dynamically loaded from external servers. You can reuse and share UI elements across a network of different websites without ever duplicating a single file!
Vibe Coding with zuix.js
Because zuix.js requires zero build tools and uses standard web languages, it is incredibly efficient for AI code generation.
The Widget Editor in HomeGenie leverages this to enable Vibe Coding. By describing your intent in natural language, HomeGenie's AI autonomously generates modular zuix.js code (View, Style, Controller) and instantly deploys complex, reactive Web Components directly to your dashboard. No manual coding required.
The following remote widgets are fully functional demonstrations generated by HomeGenie AI.
Breakout Arcade Game
Physics, score tracking, and reactive UI updates, all encapsulated in a single component.
<script type="module" src="https://homegenie.it/app/widgets/break-out.module.js"></script>
<games-break-out></games-break-out>Cyberdeck Weather Station
A data-driven, beautifully styled UI component using flex-layouts and custom CSS variables.
<script type="module" src="https://homegenie.it/app/widgets/weather-station.module.js"></script>
<demo-weather-station></demo-weather-station>Demos and templates
- HomeGenie Vibe Coding examples
- zuix.js playground component
- zKit web enhancing bits
- Web Starter template
- Web App template
- News-Blog template