v2.0.0
15.5kb gzipped
No compiler
Any backend

The Reactive Web Runtime

PawaJS extends the browser instead of replacing it. Fine-grained reactivity in 15.5kb.

Get Started How CRM Works

Different by design

Every other framework treats the browser as a problem to solve around. PawaJS treats it as a platform to build on.

⚡
Continuity Rendering Model
Selective re-execution — not full hydration

The server encodes state directly into HTML as a protocol. Static components never re-execute. Dynamic components re-execute once — only to wire reactivity, never to rebuild the DOM.

🌐
Any Backend
Node, PHP, Python, Go, Rust — all supported

The CRM protocol is encoded in plain HTML attributes. Any language that generates HTML can implement it. The client runtime is a single CDN script — no Node.js server required.

⚙
Real DOM — No Virtual Layer
Fine-grained updates on existing nodes

Reactive effects wire directly onto real DOM nodes. No diffing, no reconciler, no virtual tree. Only the exact nodes that depend on changed state update.

TS
TypeScript — No Ceremony
Just TypeScript functions

No defineComponent, no decorators, no compiler transforms. Components are typed TypeScript functions. setContext<T> and $state<T> are plain generics.

Quick Start

A reactive counter in under 15 lines. No build config, no boilerplate.

counter.ts
TypeScript
ts 

                 
import { $state, useInsert, html, RegisterComponent } from 'pawajs'

export const Counter = () => {
    const count = $state<number>(0)
    const increment = () => count.value++
    const decrement = () => count.value--

    useInsert({ count, increment, decrement })

    return html`
        <div class="flex items-center gap-4">
            <button on-click="decrement()">−</button>
            <span>@{count.value}</span>
            <button on-click="increment()">+</button>
        </div>
    `
}

RegisterComponent(Counter)
                    </number>

$state creates reactive state. useInsert exposes it to the template. on-click wires the event — with full modifier support like on-click.prevent.debounce.

A complete ecosystem

PawaJS ships with everything you need — no third-party dependencies required for a production app.

SupaPawaJS

Full-stack meta-framework

DUI

33 shadcn-quality components

HTMLAnimate

Physics-based animation

RegisterComponent.lazy

Runtime lazy loading

PawaCustomEvent

Extensible event system

pawajs-vscode

Editor tooling

How PawaJS compares

Feature React Vue Svelte PawaJS
Compiler required ✅ JSX ✅ Template ✅ Yes ❌ None
SSR model Hydration Hydration Hydration CRM Protocol
DOM model Virtual Virtual Compiled Real + Augmented
TypeScript Ceremony Ceremony Limited Native
Custom event modifiers ❌ ❌ ❌ ✅
Runtime lazy loading ❌ ❌ ❌ ✅
Any backend SSR ❌ ❌ ❌ ✅
Branch pre-loading ❌ ❌ ❌ ✅ p:store