UI Toolkit Examples

A full content-browsing screen that composes scroll-snap, collapsible sections, inputs, a loading state and toasts into one layout.

A phone-number entry form that pairs a country-code dropdown picker with pill input fields.

Pick an avatar image, then pan, pinch-zoom and crop it inside a full-screen modal overlay.

A scrollable notification feed with unread-count badges and an elastic, swipe-to-load-more list.

An editable profile screen with an avatar, toggles, and colour-tinted option groups.

A complete mobile-style registration flow with input validation and shake feedback on errors.

Demonstrates the configurable top app-bar: title, notch spacer, and the edge action buttons with their events.

A paged onboarding carousel — a swipeable scroll-snap container kept in sync with page-dot indicators.

The same scroll-snap built three ways — pure C#, UXML, and a split layout — to compare authoring styles.

An editable social-links section with add/remove rows and a platform picker that hides already-used platforms.

A multi-step wizard flow with a step progress bar and per-step inputs.

Queued toast messages with swipe-to-dismiss gesture handling.