Three screens people already know from their phone, built from registry files and nothing else. Each one runs in the example app, in light and dark, and follows the colour preset.
Balance, budgets and a transaction sheet.
The balance sits on a Card filled with the primary colour, so it turns blue or rose with the preset. Budgets are Progress bars that switch to the destructive colour when a category runs over. Tap a transaction and a bottom Dialog opens with the amount, a category Badge and two actions.
showcase/wallet.tsx on GitHubRooms, climate, devices and scenes.
Rooms are chip Tabs that scroll off the edge. The climate Card pairs a large temperature with a Slider from 16 to 28 degrees, half a degree per step. Device tiles are Cards with a small Switch each, and the icon well fills with the primary colour when the device is on.
showcase/home.tsx on GitHubLive tracking with a tip sheet.
Four short Progress bars make the status rail, one per step. The courier Card holds an Avatar and two icon Buttons. An Alert confirms the drop-off note, a contained Accordion keeps the receipt out of the way, and a bottom Dialog picks the tip.
showcase/delivery.tsx on GitHub