One screen, two perspectives

← The LiveUI story Open full size ↗ Demo Launcher

1. Describe a screen in the desktop frame, or click an example card, and wait for it to appear. 2. Press Show on phone. The phone loads the same session and draws the same screen contract in a phone layout. 3. Nothing is generated twice: one server-side description, two viewport sizes. Type clear to reset.

Desktop1280 × 800

Phone390 × 780

Both frames point at the same deployed Generated UI application and share one LiveUI session, so the phone shows whatever the desktop generated last. Each frame is a real Flutter web renderer; the server keeps the screen, its history and its actions. The phone frame loads on demand to keep the desktop responsive while the model works.