Screens

Three sample products, each built twice from the same tokens: once with the Native kit, once with the Web kit. They are the worked examples an agent follows. Every frame is the real app running in the browser, so you can scroll, click and type in it, and it follows this site's theme. Pick a screen to move both devices to it.

Run them yourself: Native setup · Web setup

Shop

A small store: browse and filter, a product page, the cart, a three-step checkout and order tracking.

Native
Web

Search, filter chips and product tiles with generated art.

Habits

A habit tracker: today’s progress, a habit’s own page, charts, a calendar of perfect days and settings.

Native
Web

A progress ring, stat tiles and the day’s habits with checkboxes.

Northwind

A made-up invoicing product for small studios: what’s outstanding, the invoices and the settings.

Native
Web

Outstanding and overdue, paid by month, the latest invoices. On the web, inside an app shell.

On the web, Northwind also has

  • Landing page

    Hero, proof, features, pricing, FAQ, one call to action.

  • Assistant

    Thinking, a tool call, a streamed answer, an approval before it acts.