Interactive Demos

Experience server-rendered speed and reactivity with zero SPA build tooling.

Infinite Scroll & Append

Append server chunks seamlessly using `data-nq-swap="beforeend"`.

Controller & Template Code

// In HTML:
<div id="feed-list">
    <div class="card">Item #1</div>
    <div class="card">Item #2</div>
</div>

<button 
    data-nq-get="/api/demo/feed?page=2" 
    data-nq-target="#feed-list" 
    data-nq-swap="beforeend"
    class="btn-action">
    Load More Items
</button>

Live Interactive Output

📦 Audit log entry #1 — Deployment trigger on cluster node-01

📦 Audit log entry #2 — Scheduled cron backup completed in 42ms