Bits UI Showcase
bits.loca.zone is a SvelteKit project with two connected surfaces:
- a registry-driven catalog of headless Bits UI components, each rendered with the project’s shared dark skin and source-aware demo shell; and
- a browser UI builder whose serialisable document can be inspected and changed through a versioned
window.bitsBuilderrelay.
This vault documents repository contracts and the observed production receipts that verify them.
Project surfaces
| Surface | Link | Verification state |
|---|---|---|
| Showcase | Open showcase | Endless all-in-one page with all 46 registry components in order; verified on a local production build, with live-domain deployment pending |
| Component catalog | Catalog reference | 46 rows derived from src/lib/showcase/registry.ts |
| Builder | Open builder | Live; 55 addable block types, version 1 relay unchanged, verified on the live domain |
| Relay workbench | Open relay workbench | Live |
| Relay contract | Agent relay protocol | Version 1 integration contract |
Start here
- private page (sign-in required) — stack, showcase composition, and the design system.
- Builder — serialisable spec, block registry, relay API, and agent loop.
- Process — dated source-grounded build log and decision records.
- private page (sign-in required) — production build, service, TLS, publication, and browser receipts.
- Reference — generated catalog links for every registry entry.
Scope boundary
The component registry is the catalog authority. The builder spec is the mutation and persistence authority. This wiki explains those sources; it does not replace them with a second hand-maintained schema.