UI Playground

Start with a working surface.

Each template opens in the editor with the code and live preview ready to change.

chat-workspace

Chat workspace

A focused conversation surface with status, context, and a composer.

observability-dashboard

A compact operations view for latency, failures, and the active model.

research-timeline

A chronological evidence trail for experiments, observations, and next steps.

general-dashboard

A flexible starting point for cards, summaries, and a primary action.

settings-form

A practical form layout with explicit labels, states, and actions.

navigation-shell

A responsive shell with a primary rail, current location, and content panel.