Pantogen

Examples Of How It Works

Each example progressively introduces new parts of the JSON spec.

ExampleJSONPreview
1. Title + Button
Simplest possible routine: one screen with a title and a button.

1 of 1

Hello World

Hello World

1 screens~0 min
Start
2. Paragraph + List
Add paragraph and list content primitives.

1 of 1

How to Use

Content Types

1 screens~0 min
Start
3. Multiple Screens
Navigate between screens using button outcomes.

1 of 3

First Screen

Multi-Screen

3 screens~0 min
Start
4. Timer + Auto-Advance
Add a countdown timer that auto-advances to the next screen.

1 of 2

Starting in...

Timer Demo

2 screens~1 min
Start
5. Stepper (Timed Segments)
A progress bar with colored segments, each with its own duration and label.

1 of 2

Box Breathing

Breathing Exercise

2 screens~1 min
Start
6. Text Input
Capture free-form text responses with text areas.

1 of 2

How are you feeling?

Quick Journal

2 screens~0 min
Start