Maximum visual range, minimum model syntax.

Each specimen below is rendered by the real LensUI browser runtime from compact lightcode. The model sends semantic rows and LightStyle tokens; the renderer owns hierarchy, polish, system light/dark colors, responsive fitting, live bindings, and host adapters.

1depth token per line
0DOM classes in normal renders
9specimens rendered by the runtime
1runtime contract for DOM and native adapters
0F|st=mono

Mono

Monochrome, compact, grid-backed, system light/dark, and easy to scan on large screens or embedded surfaces.

0F|st=studio

Studio

Product direction with paired light/dark palettes, cool accents, quiet contrast, and modern display/body typography.

Status Board

Metrics, chart, and progress state in six content lines.

9 lines
Ready

Runtime Access

The `studio` pack gives access and permission moments paired light and dark product surfaces.

7 lines
Ready

News Brief

Structured stories and source chips without repeated card markup.

4 lines
Ready

Timeline

Events compress into rows, while the renderer owns rhythm and state treatment.

3 lines
Ready

Comparison

Great for decisions: two rows become balanced argument cards.

3 lines
Ready

Memory Readback

Profile facts stay compact but still feel deliberate on screen.

3 lines
Ready

Media Mosaic

Visual storyboards can be composed from URLs or data images in one line.

3 lines
Ready

Command Surface

Tabs, tables, buttons, separators, and cards give agents enough app UI grammar.

9 lines
Ready

Live Web Placeholder

A single node reserves a native web-view overlay for real interaction.

4 lines
Ready