Documentation
Learn how to use each part of the ecosystem to build modern frontend applications
This documentation provides a complete overview of a modular frontend tooling ecosystem designed for building modern web applications without relying on heavy frameworks. It explains how individual packages work together to handle project scaffolding, build configuration, runtime logic, and UI composition.
Each part of the system can be used independently, allowing developers to adopt only what they need while maintaining full control over architecture and tooling decisions. The CLI simplifies project creation, templates provide a production-ready foundation, the build system manages bundling and environment configuration, and the runtime enables reactive state, routing, and component lifecycle for SPA applications.
The ecosystem supports both SPA and MPA approaches, making it suitable for dynamic applications, static websites, and hybrid solutions. This documentation is structured to help you quickly understand core concepts, explore individual packages, and apply them in real-world projects.
How to Navigate
The documentation is organized around the core parts of the ecosystem.
Start with Getting Started to create your first project, then explore individual packages depending on your needs.
- CLI: project creation and scaffolding
- Templates: project structure and configuration
- Runtime: application logic, routing and reactivity
- Build: bundling, configuration and deployment
Core Packages
CLI
Scaffolding tool for generating production-ready projects with predefined templates and smart configuration.
View on npmBuild
Webpack abstraction layer with defineConfig API, plugin system and hosting integration.
View on npmRuntime
Lightweight runtime engine with dependency injection, router, reactivity and template bindings.
View on npmArchitecture
The ecosystem is built around clear separation of concerns
create-app → build → runtime → ui