JSON viewer
A collapsible JSON tree with token-coloured types, copy path and value, expand and collapse all, search highlight and folding for large arrays.
Preview
{8 keys
id "ws_7Hq2xL0aZ93"
name "Pebble Studio"
plan {4 keys
tier "team"
seats 18
annual true
renewsAt "2027-03-14"
owners [2 items
0 "priya@pebble.example"
1 "malik@pebble.example"
features {4 keys
sso true
auditLog true
custom-domain false
apiRateLimit 1200
region "eu-central-1"
trialEndedAt null
recentEvents [140 items
0 {…} 3 keys
1 {…} 3 keys
2 {…} 3 keys
3 {…} 3 keys
4 {…} 3 keys
5 {…} 3 keys
6 {…} 3 keys
7 {…} 3 keys
8 {…} 3 keys
9 {…} 3 keys
10 {…} 3 keys
11 {…} 3 keys
12 {…} 3 keys
13 {…} 3 keys
14 {…} 3 keys
15 {…} 3 keys
16 {…} 3 keys
17 {…} 3 keys
18 {…} 3 keys
19 {…} 3 keys
20 {…} 3 keys
21 {…} 3 keys
22 {…} 3 keys
23 {…} 3 keys
24 {…} 3 keys
Show 25 more · 115 hidden
Arrow keys move and open nodes. Press C to copy the value or P to copy the path of the focused row.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | JsonValue | — | Any JSON value to inspect. |
| rootName | string | "data" | First segment of copied paths, e.g. workspace.plan.seats. |
| defaultDepth | number | 1 | Levels open at start (0 shows only the root's children). |
| chunkSize | number | 50 | Array items shown per “Show more”. |
| label | string | "JSON" | Accessible name of the tree. |
| height | number | 360 | Scroll area height in px. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.