Frontend tooling ecosystem

This project is a modular frontend tooling ecosystem designed for building modern web applications with full control over architecture. It includes independent packages for build configuration, runtime logic, UI components, and application scaffolding. Developers can use each package separately or combine them into a flexible workflow without relying on heavy frameworks.

The ecosystem focuses on simplicity, performance, and predictable structure for both SPA and MPA projects. It provides a production-ready setup with minimal overhead and clear separation of concerns. Ideal for creating scalable applications, internal tools, and design systems.

Quick Start

Terminal

npx @razerspine/create-app my-app
cd my-app
npm install
npm run dev

Core Packages

CLI

CLI tool for scaffolding projects using predefined templates.

Build

Webpack abstraction layer with configuration and plugin system.

Runtime

Lightweight runtime for SPA behavior, state and bindings.

UI

UI layer with styles, components and design tokens.

Philosophy

Independent Packages

Each part of the system can be used separately or together.

No Framework Abstraction

No hidden layers or magic - everything is explicit.

Composable Architecture

Combine only what you need to build your application.

Why this approach?

No Lock-in

You are not tied to a specific framework or ecosystem.

Predictable Structure

Clear separation between build, runtime and UI layers.

Production Ready

Generated projects are ready for deployment out of the box.

Lightweight

Minimal overhead with only necessary features included.

What You Get

Build System

Flexible configuration via defineConfig API.

Runtime Engine

Component lifecycle, bindings and reactive state.

SPA & MPA

Works for both architectures out of the box.

Standalone Apps

No dependency on CLI after generation.

Use Cases

Static Sites

Build fast static websites with full control.

SPA Applications

Create reactive applications without heavy frameworks.

Design Systems

Build reusable UI systems with SCSS/LESS and components.

Internal Tools

Quickly scaffold dashboards and internal apps.

Architecture

Each package has a clear responsibility and can work independently

Text

create-app → build → runtime → UI

Getting Started

To create a new project using the CLI, follow the quick start guide.

Open CLI Guide