Examples

Complete pages assembled from starter widgets, ready to paste into the playground.

Each example is a full response your backend could send today. The previews render through the same engine as the playground; edit the JSON and watch.

A product feed#

Sticky filter rail, snapping banner carousel, product cards with a bottom sheet on tap, and a sticky call to action.

Edit the JSON

CodeTree

Unfold allFold all

AllAudioWearablesLaptops

Launch week

Audio drop

Popular this week

AirPods Pro 2

Active noise cancellation

BESTSELLER

Watch Series 10

GPS, 46 mm

MacBook Air

13 in, M3

View cart

9:41

A confirmation sheet#

Sheets reuse the whole widget system: a fixed gradient header, scrolling body, fixed footer. Present this from any widget with an open_bottom_sheet action.

Edit the JSON

CodeTree

Unfold allFold all

Sheets are pages too

Tap the button to present one

Present a bottom sheet

9:41

Resilience under fire#

Three of the five widgets below are broken on purpose. The page renders anyway, and the diagnostics underneath name every problem with its exact key path.

Edit the JSON

CodeTree

Unfold allFold all

A page that refuses to die

Three of five widgets below are broken

I decode fine

A healthy widget

Unknown widget 'hologram_projector'

Nothing is registered for this type.

Malformed 'image_text_card'

Invalid input at sections[0].widgets[3].data.title

I also decode fine

Still standing

9:41

Diagnostics

The last decode was clean.