Kitchen sink

Explore NatUI app-shell, form, data, menu, and presentation workflows in one native example.

examples/kitchen-sink is a project and task manager built to exercise app-shell and multi-component workflows. It includes application menus, a toolbar, split navigation, tabs, controlled forms, tables, context menus, sheets, alerts, and popovers. It is not the exhaustive 37-component catalog. Use the component index for the complete public surface.

pnpm build:host:macos
pnpm --filter @natui/core build
pnpm --filter natui-kitchen-sink dev

The final command starts the native development server. Edits to the kitchen sink source refresh the existing window while preserving compatible React state.

Run its automated real-window verification on macOS or Windows with:

pnpm verify:kitchen

The suite drives the platform's real native window and writes screenshots under screenshots/kitchen-sink/.

Use this example as a behavior reference, especially for:

Controlled forms and native sequence acknowledgements
App-shell components that are hoisted into native window chrome
Client-side table sorting and selection
Controlled presentation state for sheets, alerts, and popovers

The same assertions run against the SwiftUI and WinUI 3 hosts.