Dstar Demo

Dstar server UI showcase

Dstar is an Elixir library that renders Phoenix pages over Datastar, a hypermedia framework: the browser sends signals, the server answers with HTML patches over SSE, and no client-side component or virtual-DOM application is required.

The showcase focuses on interactions that make Datastar's model visible: client signals, progressive SSE responses, explicit DOM patches, live collections, and multi-tab presence. Smaller application patterns live in Examples / Reference.

Live Collections

Each filtered tab reloads with its own signals after one tiny PubSub nudge.

Progressive SSE

One ordinary POST streams many patches, completes, and leaves no page process resident.

Patch & Morph Lab

Watch explicit selectors, insertion modes, replacement, and removal change the DOM.

Signal-native UI

Client-owned reactive state meets server reconciliation and targeted HTML patches.

Presence Room

Multiple tabs join one room, update the roster, and send collaborative pings.

Examples / Reference

Copyable patterns for forms, search, components, scripts, and authentication.