cameronpak

htmx4-hx-live

Public

HTMX 4 hx-live counter and tabs demo

demohtmlhtmx

Val Town is a collaborative website to build and scale JavaScript apps.

Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.

HTMX 4 + hx-live

A small Val Town demo of htmx 4.0 and hx-live, styled with Sensible UI.

What it shows

Reactive counter: data-count, :text, and hx-live on a progress bar
take('aria-pressed') for tabs
q() plus toggle() for a class
One HTMX 4 hx-get swap from /note.html
Sensible UI cards, stacks, badges, and native buttons

CSS

<link href="https://cdn.jsdelivr.net/npm/@faith-tools/sensible-ui@latest/dist/sensible-ui.min.css" type="text/css" rel="stylesheet">

Open main.tsx for the live page.

Code