Bits UI Showcase

bits.loca.zone is a SvelteKit project with two connected surfaces:

  1. a registry-driven catalog of headless Bits UI components, each rendered with the project’s shared dark skin and source-aware demo shell; and
  2. a browser UI builder whose serialisable document can be inspected and changed through a versioned window.bitsBuilder relay.

This vault documents repository contracts and the observed production receipts that verify them.

Project surfaces

SurfaceLinkVerification state
ShowcaseOpen showcaseLive; browser-verified with 46 catalog entries
Component catalogCatalog reference46 rows derived from src/lib/showcase/registry.ts
BuilderOpen builderLive; 22-block relay contract verified
Relay workbenchOpen relay workbenchLive
Relay contractAgent relay protocolVersion 1 integration contract

Start here

  • Architecture — 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.
  • Operations — 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.


loca.zone · bits.loca.zone · Bits UI