Phase 1: Core Development

Lyap.js

Lightweight. Fast. HTML Enhancer.

An elegant, declarative library bridging local UI reactivity and server-driven updates. Write inline bindings directly in your HTML, and trigger AJAX actions that consume standard JSON data rather than swapping raw markup.

demo.html
Source HTML
1 2 3 4 5
<div ly-state="count: 0">
  <button ly-click="count++" class="action-btn">
    Count: <span ly-bind="count">0</span>
  </button>
</div>
Live Preview