Vanilla

🎉 XWUI in one HTML file.

No framework, no bundler. This page is a single index.html that loads the XWUI bundles from /xwui/*.js and lets the browser register every tag. The other 31 demos at /demos/<id>/ show the exact same components going through a different framework.

Key metrics

live values bound to the inputs below
Active sessions
Conversion rate
Team online
Repo barcode

Trend, contribution, deploys

xwui-chart-line · xwui-chart-area · xwui-chart-bar

Pick anything

every input value updates a non-input element on this page
Color picker bound to:
Date picker (calendar) bound to:
Emoji picker drives the title emoji
Rating drives this bar:
Knob value:
OTP entered:
Signature pad strokes:
Upload (dropzone) files queued:

Scoped styles

these two panels override the global style locally
global cycler in the header keeps controlling the rest of the page
Panel A primary CTA + chip
Panel B switch + segmented

Navigation primitives

tabs · breadcrumbs · pagination