← All demos

§Demo 03

Every state of a screen. Each one a link.

Pick a state and watch the address change, or read the whole matrix at once. This page is driven by its own URL, the way State Mode is: copy the link and the state travels with it.

Axes

?plan=

2
axes
5
states
10
combinations
localhost:3000/items?state=error

Demo screen

Items

Everything your team is working on, in one list.

Free plan New item
Items
0
Live
0
Owners
0

The list did not load.

Check the connection and try again. Nothing was lost.

Try again

The address above is the state. Nothing else remembers it.

Matrix · Items

Plan: free · click a state to open it

In a real project

The registry
Screens, axes and states are declared in one file. /auis-update-states keeps it in step with the code.
The URL
A state is a query parameter, so a designer, an agent and a test all open the same thing.
The matrix
Every registered screen in every state at /auis/states, and as a PDF with one command.