Live demo — this example is server-driven; run the showcase locally for the interactive version.

SPA-free frontend components for Quarkus

A Quarkus extension delivering ready-to-use, server-rendered HTML components built on PatternFly, HTMX, and Alpine.js — no React, no build step, no SPA framework.

The stack

Pure HTML fragments rendered server-side with Qute, styled by PatternFly's design tokens, made interactive with Alpine.js, and fetched and swapped into the page with HTMX. Data visualisation uses Apache ECharts and D3; maps use MapLibre.

What this is not: no React, no Angular, no Vue, no PatternFly React components, no SPA framework of any kind.

How it works

The server renders the HTML, Alpine reacts to it, and HTMX swaps in what the server renders next. JSON becomes HTML server-side — never in the browser. Add the extension, then include a component in any Qute template:

{#include components/feedback/alert variant="success" title="Saved" /}

Components carry their own Alpine behaviour inline via x-data and their HTMX wiring via hx-* attributes. Any Quarkus backend can consume them by adding this extension as a dependency.