CellUI UI

The fine-grained reactive framework without a Virtual DOM.

CellUI UI is a radically simple, highly performant UI framework built on modern web standards (DocumentFragment, TemplateStringsArray, TreeWalker). It skips Virtual DOM diffing entirely, choosing instead to bind signals directly to specific DOM text nodes and attributes.

The result? Components execute exactly once, and state updates run in O(1) time.

Quick Start

The fastest way to start building with CellUI is to use the interactive scaffolding CLI:

npm create cellui@latest

Follow the prompts to generate a blazing-fast Vite + TypeScript starter project.

Documentation

Whether you are building simple interactive widgets or large-scale, enterprise applications with deep reactivity, CellUI has you covered.

📚 Core Guides

Read these to understand how CellUI natively thinks about state and the DOM.

• Reactivity & Signals: Learn how signal() and Proxy-powered Deep Signals work.
• Views & Templating: Discover how to use Tagged Template Literals for raw performance.
• Composability & Architecture: Learn how to architect Components and Substrates.
• Async & Data Fetching: Learn about the Loading Signal pattern for AJAX.
• Control Flow: Handle loops (each) and conditionals (when / match).

🛠️ Advanced Architecture

Understand the limitations and structural boundaries of the framework.

• Substrates (Dependency Injection): The CellUI memory-isolation container.
• Component Lifecycles & Memory: The problem of node teardown, memory leaks, and missing onCleanup.
• Forms & Data Binding: Why CellUI adheres to strictly one-way data flow over two-way compiler magic.
• SSR & Hydration Boundary: The theoretical requirements for bringing CellUI to Node.js.
• Mounting & Shield: Telemetry, atomic swaps, and Error Boundaries (CellUI.Shield).