Skip to content

view on a desktop screen for a better experience.

timer

GraphTimer

Elapsed time, how long ago, or the time of day. The numbers update every second.

incident

Counts up from a start time.

[ INCIDENT ]

00:00:00

api

timer

MDX

```
+------------------ [ INCIDENT ] ------------------+
|                                                  |
| kind: elapsed                                    |
| at: 2026-08-27T08:00:00Z                         |
| caption: api                                     |
|                                                  |
+--------------------------------------------------+
```

install

command

last deploy

How long since the last deploy.

[ SHIPPED ]

0s ago

last deploy

timer

MDX

```
+------------------ [ SHIPPED ] -------------------+
|                                                  |
| kind: ago                                        |
| at: 2026-08-27T12:00:00Z                         |
| caption: last deploy                             |
|                                                  |
+--------------------------------------------------+
```

local

The time of day, updating every second.

[ LOCAL ]

00:00:00

timer

MDX

```
+------------------- [ LOCAL ] --------------------+
|                                                  |
| kind: clock                                      |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
kind"elapsed" | "ago" | "clock""elapsed"elapsed counts up from at. ago is relative. clock is the time of day.
atDate | number | stringStart time for elapsed and ago. A date, timestamp, or ISO string.
captionstringLine under the number.
palette"mono" | "duo" | "multi""mono"mono is one accent plus muted. duo paints the second series with --graph-accent-2. multi cycles three accents.
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.